/* #region Root */
:root
{
	--c-page-background: #f6f7fa;
	--c-page-motive: #ac1e2c;
	--c-table-loader: var(--c-page-motive);
	--c-page-title-mark: var(--c-page-motive);
	--c-page-subtitle: #72818b;
	--c-primary-text: #FFFFFF;
	--c-primary-background: #c52131;
	--c-primary-background-hover: #de2638;
	--c-tertiary-text: var(--c-primary-text);
	--c-tertiary-background: #8194a5;
	--c-tertiary-background-hover: #8eadc7;
	--c-secondary-background: #5c5a5a;
	--c-secondary-text: var(--c-primary-text);
	--c-secondary-background-hover: #676464;
	--c-panel-background: #FFFFFF;
	--c-panel-header-background: #fcf8f8;
	--c-panel-header-text: var(--c-page-motive);
	--c-context-menu-background: #c6424f;
	--c-context-menu-text: var(--c-secondary-text);
	--c-context-menu-background-hover: var(--c-nav-background);
	--c-context-menu-tertiary-background: #8598a8;
	--c-context-menu-tertiary-text: var(--c-tertiary-text);
	--c-context-menu-tertiary-background-hover: var(--c-tertiary-background-hover);
	--c-context-menu-secondary-background: #878686;
	--c-context-menu-secondary-text: var(--c-secondary-text);
	--c-context-menu-secondary-background-hover: var(--c-secondary-background-hover);
	--c-nav-background: var(--c-page-motive);
	--c-nav-background-hover: var(--c-primary-background);
	--c-nav-section-background: #b5313e;
	--c-nav-text: var(--c-primary-text);
	--c-input-focus-outline: #FD0D1540;
	--c-link-text: #0e4777;
	--c-dataTable-separator: #dee2e6;
	--c-dataTable-row-odd: #f7f7f7;
	--c-dataTable-row-odd-sort: #f0f0f0;
	--c-dataTable-row-even: #FFFFFF;
	--c-dataTable-row-even-sort: #FAFAFA;
	--c-dataTable-row-hover: #f3e5e5;
	--c-dataTable-pagin-background: #fafafa;
	--c-separator: #e3e6f0;
	--c-disabled-text: #afafaf;
	--c-disabled-background: #eeeeee;
	--c-readonly-text: var(--c-disabled-text);
	--c-readonly-background: #f5f5f5;
	--c-placeholder-text: #c5c5c5;
	--c-icon-red: #b93f3f;
	--c-icon-green: #4fab4f;
	--c-icon-blue: #4e82ab;
	--c-icon-pink: #ab629c;
	--c-icon-orange: #ffa611;
	--c-icon-dark-red: #AC2A2C;
	--c-icon-dark-green: #629b4d;
	--c-icon-dark-blue: #0d74c3;
	--c-icon-dark-orange: #d98c3b;
	--c-msg-error-text: #842029; 
	--c-msg-error-background: #f8d7da;
	--c-msg-info-text: #516aa1;
	--c-msg-info-background: #e4f2ff;
	--c-msg-warning-text: #996729;
	--c-msg-warning-background: #fff4de;
	--c-msg-success-text: #0f5132;
	--c-msg-success-background: #d1e7dd;
	--c-msg-note-text: #41464b;
	--c-msg-note-background: #e2e3e5;
	--f-radius: 0.33rem;
	--f-scale: 1.05;
	--t-transition: 250ms;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-Thin.ttf") format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-ThinItalic.ttf") format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-Light.ttf") format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-LightItalic.ttf") format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-Regular.ttf") format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-Italic.ttf") format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-Medium.ttf") format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-MediumItalic.ttf") format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-Bold.ttf") format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-BoldItalic.ttf") format('truetype');
	font-weight: 700;
	font-style: italic;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-Black.ttf") format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face 
{
	font-family: "Roboto";
	src: url("../webfonts/Roboto-BlackItalic.ttf") format('truetype');
	font-weight: 900;
	font-style: italic;
}

*
{
	font-family: 'Roboto', sans-serif;
}
/* #endregion */