@charset "utf-8";
@import url('common.css');
@import url('menuh.css');

/***   Theme1    ****/
:root {
	--ColorTextHeader: 			#2939F3;
	--ColorTextHeaderShadow: 	#CACACA;
	--ColorText: 				#2939F3;
	--ColorTextLabel: 			#ffffff;
	--ColorBkgLabel:		 	#2939F3;

	--ColorBkgMenu:				#2939F3;
	--ColorTextMenu:			#FFFFFF;
	--ColorBkgMenuHover:		#FB6D04;
	--ColorTextMenuHover:		#131111;
	--ColorBkgSubMenu: 			#383838;
	--ColorTextSubMenu:			#fafafa;
	--ColorBkgSubMenuHover:		#FB6D04;
	--ColorTextSubMenuHover:	#131111;
	--Colorfirstlevel:			#ffffff;

	--ColorMenuToggle:			#51a5ff;

	--ColorBkgDialogHeader: #ffab4b;
	--ColorTextDialogHeader: #ffffff;
	--ColorBkgDialogContent: #fffeea;
	--ColorTextDialogContent: #000000;
	--ColorBkgDialogButton: #dadada;	

	--ColorTextFooter: 			#696969;
}

html, body { 
  font-family: "Times New Roman", sans-serif;
  color: var(--ColorText);
}
  
/**** Header ****/
header h1 {
	text-shadow: 4px 3px var(--ColorTextHeaderShadow);
}

/**** gfoDialog *********/
.ui-dialog {
	padding: .1em !important;
	border-radius: 5px;
	background: #cecece;
}
.ui-dialog .ui-dialog-buttonpane button {
	/* margin: .0em .5em .1em 0; */
	min-width:100px;
}
.gfo-dialog .ui-widget-header {
	background: var(--ColorBkgDialogHeader);
	color : var(--ColorTextDialogHeader);
}
.gfo-dialog .ui-dialog-content {
	background-color: var(--ColorBkgDialogContent) !important;
	color: var(--ColorTextDialogContent) !important;
}
.gfo-dialog .ui-dialog-titlebar-close {
	display:none;
}
.gfo-dialog .ui-dialog-titlebar-close-on {
	display:block;
	background-image: url(/images/icon-close.png);
	background-position: -7px -9px;
}

.gfo-dialog .ui-dialog-title {
	text-align: center;
}
.gfo-dialog .ui-dialog-buttonpane {
	background-color: var(--ColorBkgDialogContent) !important;
	margin-top: -3px;
}
.ui-dialog-buttonset .btn-info {
	line-height: 1.2 !important;
	margin: .5em 1.2em .5em 1.2em !important;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: .3em 1em .5em 1em !important;
}

/******** Menu ************/
.dropdownmenu {
	background: var(--ColorBkgMenu);
}

.dropdownmenu ul {
	background: var(--ColorBkgMenu);
}

.dropdownmenu a {
	background: var(--ColorBkgMenu);
	color: var(--ColorTextMenu) !important;
}

.dropdownmenu a:hover {
	background: var(--ColorBkgMenuHover);
	color:var(--ColorTextMenuHover) !important;
}
#submenu a {
	background-color: var(--ColorBkgSubMenu);
	color: var(--ColorTextSubMenu);
}
#submenu li:hover a {
	background: var(--ColorBkgSubMenuHover);
	color: var(--ColorTextSubMenuHover) !important;
}
.firstlevel {
	color: var(--Colorfirstlevel) !important;
}
/******************************************/

footer {
	color: var(--ColorTextFooter);
}