@charset "utf-8";

	#Header {
		z-index:100;
		position:fixed;
		left:0px;
		top:0px;
		right:0px;
		display:block;
		height:6.8rem;
		-webkit-box-shadow: 0px 1px 10px 5px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 1px 10px 5px rgba(0,0,0,0.4);
		box-shadow: 0px 1px 10px 5px rgba(0,0,0,0.4);

		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	#Header .TopLine {
		display:block;
		height:3.4rem;
		background-color:var(--HeaderTopBarColor);

		/*
		background: rgb(13,57,122);
		background: -moz-linear-gradient(90deg, var(--HeaderBarGradientStart) 0%, var(--HeaderBarGradientEnd) 100%);
		background: -webkit-linear-gradient(90deg, var(--HeaderBarGradientStart) 0%, var(--HeaderBarGradientEnd) 100%);
		background: linear-gradient(90deg, var(--HeaderBarGradientStart) 0%, var(--HeaderBarGradientEnd) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--HeaderBarGradientStart),endColorstr=var(--HeaderBarGradientEnd),GradientType=1);
		*/
	}
	#Header .BottomLine {
		display:block;
		height:3.4rem;
		background-color:var(--HeaderBarColor);
		position: relative;
		width: 100%;
	}
	#Header .Logo {
		position:absolute;
		left:0.21em;
		top:0px;
		height:2.11em;
		display:block;
		margin:0px;
		padding:0px;
		font-size:1.8em;
		-webkit-filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.7));
		filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.7));
	}
	#Header .Logo IMG {
		height: 2.4rem;
		margin-top: 0.5rem;
	}
	#Header .DateAndUser {
		position:absolute;
		display:block;
		right:0.8em;
		margin:0px;
		padding:0px;
		top:0px;
	}
	#Header #CurrentDateHead {
		float: right;
		margin-right: 2.5em;
		color:#ffffff;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 2.63em;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
	}
	#Header #CurrentUser {
		float: right;
		color:#ffffff;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 2.63em;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
	}

/* ------------------------------------------------------------------------------- */

	#Header .IconsMenu {
		height:3.8em;
		display:block;
		margin:0px;
		padding:0px;
		list-style:none;
		list-style-type:none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}

/*-----------------------------------------------------------------------*/
	
	#Header .IconsMenu .IconsMenuItem {
		margin:0px;
		padding:0px;
		list-style:none;
		list-style-type:none;
		float:left;
		position:relative;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:0px;
		line-height:3.4rem;
		height:3.4rem;
		color:#ffffff;
		white-space:nowrap;
		cursor:default;
	}
	#Header .IconsMenu .IconsMenuItem A, #Header .IconsMenu .IconsMenuItem .SubMenuLabel {
		margin: 0px;
		padding: 0px;
		display: block;
		font-size: 1.74em;
		font-weight: 400;
		letter-spacing: 0.025em;
		line-height:3.4rem;
		height:3.4rem;
		color: #ffffff;
		display: block;
		text-decoration: none;
		white-space: nowrap;
		padding-left: 0.5em;
		padding-right: 0.5em;
		font-family: var(--CondensedFont);
		text-shadow: 0px 1px 1px rgb(0 0 0 / 70%);
	}
	#Header .IconsMenu .IconsMenuItem:HOVER {
		background-color:var(--HeaderBarHoverColor);
		color:#ffffff;
	}

/*-----------------------------------------------------------------------*/

	#Header .IconsMenu .IconsMenuItem:hover .IconsSubMenu {
		left:0px;
	}
	#Header .IconsSubMenu {
		position:absolute;
		display:block;
		left:-9999px;
		margin:0px;
		padding:0px;
		list-style:none;
		list-style-type:none;
		top:3.4rem;
		background-color:var(--HeaderBarHoverColor);
		border: 1px solid var(--HeaderBarHoverColor);
		border-top:none;
		-webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4);
	}
	#Header .IconsSubMenu .IconsSubMenuItem {
		display: block;
		float: none;
		line-height: 3.8em;
		height: 3.8em;
		border-top: 1px dashed #505050;
	}
	#Header .IconsSubMenu .IconsSubMenuItem:hover {
	
	}
	#Header .IconsSubMenu .IconsSubMenuItem A {
		text-transform:none;
		line-height:2.38em;
		height:2.38em;
		font-weight:normal;
		font-size:1.6em;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		padding-left:0.63em;
		padding-right:1.25em;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
	}
	#Header .IconsSubMenu .IconsSubMenuItem A:HOVER {
		background-color:var(--HeaderBarSubmenuHoverColor);
	}

/*-----------------------------------------------------------------------*/

/*

	#Header .IconsMenu .Icona A {
		line-height:17px;
	}
	#Header .IconsMenu .Icona A .fa {
		width:20px;
		text-align:center;
	}

	#Header .IconsMenu .Icona A .fa-shopping-cart {
		font-size:21px;
		line-height:36px;
		width:23px;
	}	
	#Header .IconsMenu .Icona A .fa-database {
		font-size:19px;
		line-height:36px;
	}
	#Header .IconsMenu .Icona A .fa-unlock-alt {
		font-size:21px;
		line-height:38px;
	}
	#Header .IconsMenu .Icona A .fa-home {
		font-size:23px;
		line-height:36px;
		width:25px;
	}
	#Header .IconsMenu .Icona A .fa-cloud-upload-alt {
		font-size:23px;
		line-height:36px;
		width:28px;
	}
	
	
	
	@keyframes serveroffline {   
		0% { background-color:none; } 
		50% { background-color:#aa0000; } 
	}
	#Header .IconsMenu .Icona .online {
		background-color:none;
		color:#ffffff;
	}
	#Header .IconsMenu .Icona .offline {
		color:#ffffff !important;
		background-color:#333333;
		animation: serveroffline 1s cubic-bezier1, -0.15, 0.15, 1.19) infinite;
		-webkit-animation: serveroffline 1s cubic-bezier1, -0.15, 0.15, 1.19) infinite;
		-moz-animation: serveroffline 1s cubic-bezier1, -0.15, 0.15, 1.19) infinite; 
	}

*/