@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: #0b8efa;
	--ColorTextDialogHeader: #ffffff;
	--ColorBkgDialogContent: #f2ea4a;
	--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 *********/

.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-title {
	text-align: center;
}
.gfo-dialog .ui-dialog-buttonpane {
	background-color: var(--ColorBkgDialogContent) !important;
	margin-top: unset !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);
}