@charset "UTF-8";

@media (max-width: 479px)							{ :root { --font-size: 14px; --font-color: #111111; }}
@media (min-width: 480px) and (max-width: 839px)	{ :root { --font-size: 16px; --font-color: #222222; }}
@media (min-width: 840px)							{ :root { --font-size: 18px; --font-color: #333333; }}

:root {
/*
	LAYOUT
*/
	--layout-max-width: 1250px;
/*
	THEME
*/
	--mdc-theme-primary: #0b4079;
	--mdc-theme-primary-light: #1f4f83;
	--mdc-theme-primary-dark: #0b3766;
	--mdc-theme-secondary: RoyalBlue;
	--mdc-theme-secondary-light: #7b97ea;
	--mdc-theme-secondary-dark: #1f49c7;
	--mdc-theme-background: #ffffff;
/*
	GRID
*/
	--mdc-layout-grid-gutter-desktop: 16px;
	
	/* BORDERS */	--border-color: #aaaaaa;

/*
	BODY
*/
	--body-background-color: #f7f7f7;
	/*
	--body-background-image: url("../images/page-background.png");
	--body-background-repeat: repeat-x;
	--body-background-attachment: fixed;
	*/
/*
	LINKS
*/
	--link-color-normal: rgb(0, 74, 111);
	--link-color-visited: rgb(0, 74, 111);
	--link-color-hover: rgb(0, 98, 145);
	--link-color-active: rgb(0, 98, 145);
/*
	TABLES
*/
	--table-head-1-bgcol: #e9e9e9;
	--table-head-2-bgcol: #f7f7f7;
	--table-footer-bgcol: #e9e9e9;
	--table-border-color: #cccccc;
/*
	ICONS
*/
	--icon-size: calc(var(--font-size) * 3.5);
	--icon-color: #395364;
	--icon-color-disabled: #e0e0e0;
	--icon-text-size: calc(var(--font-size) * 1.2);
	--icon-text-color: #395364;
	--icon-text-color-disabled: #e0e0e0;
}

/*
	INPUT BTN
*/
input::file-selector-button {
	font-family: var(--font-family-cond);
	font-size: 80%;
	color: RoyalBlue;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: thin solid grey;
	border-radius: 3px;
}

.MS-text-white {
	color: rgb(255, 255, 255);
}

.MS-back-darkblue {
	background-color: #18395d;
}
.MS-back-gray128 {
	background-color: rgb(128, 128, 128);
}

.MS-TableUpperSep {
	border-top-width: 1px;
	border-top-color: #999999;
	border-top-style: solid;
}

TR.MS-tr-hover:hover {
	background-color: #f7f7f7
}

/*
	jQueryUI modifiers
*/
.ui-tabs .ui-tabs-panel {
	padding: 12px;
}
.ui-accordion .ui-accordion-content {
	padding: 12px;
}
.ui-widget {
	background-color: #f7f7f7 !important;
}
.ui-widget-content {
	background-color: #f7f7f7 !important;
}
.ui-widget button {
	font-family: var(--font-family-cond);
}
.ui-widget input {
	font-family: var(--font-family-cond);
}
.ui-widget select {
	font-family: var(--font-family-cond);
}
.ui-widget textarea {
	font-family: var(--font-family-cond);
}