@CHARSET "ISO-8859-1";

#dvLoading {
	background: lightgray url(../img/loading.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000;
	margin: 0 0 0 0;
}

#info {
	cursor: help;
}

#mlSpace {
	width: 131px;
	height: 5px;
	background-color: gray;
}

/* ------------- FORMATTAZIONE PAGINA------- */
body {
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
	background: #EBF1F5 none repeat scroll 0% 0%;
	min-width: 570px;
	
	margin: 0 auto;
}

#docs-container {
	
	min-height: 700px;
	height: 90%;
	
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	border-bottom: 1px solid #CFCFCF;
	display: table;
	margin: 0 auto;
}

/* ------------- HEADER------- */
#header {
	background: white;
	width: 100%;
	
	min-width: 500px;
	
	display: table;
}

#header #tblHead{
	height: 100%;
	width: 100%;
}

#headImg {
	
	display: table-cell;
	 
}

#rightTd {
	display: table-cell;
	width: 20%;
}

#leftTd {
	width: 80%;
	display: table-cell;
}

#headSpan {
	width: 200px;
	text-align: center;
	display: table-cell;
	
	/*cursor: pointer;*/
	
}

#headerMenu {
	background: #EDEDED;
	height: 40px;
	width: 1250px;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
}

/* ------------- MENU HEADER------- */
#cntMenu {
	width: 90%;
	min-width: 500px;
	height: 40px;
	display: inline-block;
}

#cntEsci {
	width: 5%;
	height: 40px;
	display: inline-block;
}

#mnEsci {
	
}

#mnEsci span {
	border-left: 1px solid #CFCFCF;
}

[id^="mn"] {
	width: 111px;
	height: 39px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

[id^="mn"]:hover {
	background-color: #C9C9C9;
	border-bottom: 5px solid orange;
	cursor: pointer;
}

[id^="mn"] span {
	width: 100%;
	display: inline-block;
	color: #5E5E5E;
	border-right: 1px solid #CFCFCF;
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

[id^="mn"] span img {
	padding-right: 5px;
}

/* ------------- LEFT MENU ------- */
#leftMenu {
	width: 150px;
	height: 98%;
	border-right: 1px solid #CFCFCF;
	float: left;
	clear: none;
}

[id^="ml"] {
	width: 90%;
	height: 50px;
	border-bottom: 1px solid #CFCFCF;
	text-align: center;
	display: table;
	margin: 0 auto;
}

[id^="ml"] span {
	display: table-cell;
	color: #5E5E5E;
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0 auto;
	vertical-align: middle;
}

[id^="ml"]:hover {
	background-color: #C9C9C9;
	border-left: 5px solid orange;
	cursor: pointer;
}

[id^="ml"] span img {
	padding-right: 5px;
}

[id^="mlIns"] {
	
}
/* ------------- LEFT MENU GESTIONE------- */
#mlDep {
	border-top: 5px solid #F7E4CD;
	background-color: gray;
	color: white;
}

#mlDep span {
	color: white;
}

#mlDep:hover {
	cursor: default;
	border-left: 0;
}

#mlPers {
	border-top: 5px solid #F7E4CD;
	background-color: gray;
	color: white;
}

#mlPers span {
	color: white;
}

#mlPers:hover {
	cursor: default;
	border-left: 0;
}

#mlEquip {
	border-top: 5px solid #F7E4CD;
	background-color: gray;
	color: white;
}

#mlEquip span {
	color: white;
}

#mlEquip:hover {
	cursor: default;
	border-left: 0;
}

#mlFerr {
	border-top: 5px solid #F7E4CD;
	background-color: gray;
	color: white;
}

#mlFerr span {
	color: white;
}

#mlFerr:hover {
	cursor: default;
	border-left: 0;
}

/* ------------- LEFT MENU ADMIN------- */
#mlAdmin {
	border-top: 5px solid #F7E4CD;
	background-color: gray;
	color: white;
}

#mlAdmin span {
	color: white;
}

#mlAdmin:hover {
	cursor: default;
	border-left: 0;
}

/* ------------- LEFT MENU REPORT------- */
#mlReport {
	border-top: 5px solid #F7E4CD;
	background-color: gray;
	color: white;
	
}

#mlReport span {
	color: white;
}

#mlReport:hover {
	cursor: default;
	border-left: 0;
}

[id^="mlFiltro"] {
	width: 90%;
	height: 50px;
	border-bottom: 1px solid #CFCFCF;
	text-align: left;
	display: table;
	
}
[id^="mlFiltro"] img {
	padding-left: 20px;
	
}

#fltrTotale {
	border-left: 1px solid #CFCFCF;

}

#fltrLibero {
	border-right: 1px solid #CFCFCF;

}

/* ------------- rightSection------- */
#rightSection {
	
	float: left;
	clear: none;
	text-align: center;
	z-index: -1;
}

#filtriCont{
width: 555px;
min-width: 500px;
height: 40px;
display: inline-block;
border-bottom: 1px solid #CFCFCF;
}

[id^="fltr"]{	
	width: 111px;
	height: 39px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

[id^="fltr"] span {
width: 100%;
display: inline-block;
color: #5E5E5E;
border-right: 1px solid #CFCFCF;
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-weight: bold;
font-size: 14px;
}



[id^="fltr"]:hover{	
	background-color: #F2F4F5;
	border-top: 5px solid #D8E0E3;
	cursor: pointer;
}

#repoCont {
	width: 1000px;
	height: 600px;
	margin-top: 10px;
	border: 1px solid #CFCFCF;
	border-radius: 3px;
	display: block;
	
}

/*--------------CALENDAR-------------*/


.overlay {
	background: #000;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
	cursor: pointer;
	/*Trasperenza cross browser*/
	opacity: .7;
	filter: alpha(opacity = 70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#box {

background-color: #FFF;
width: 800px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: +300;
}

hr {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #CCCCCC;
	border-right: 0 solid #CCCCCC;
	border-style: solid;
	border-width: 1px 0 0;
	width: 80%
}

#calendar {
	max-width: 1200px;
	margin: 40px auto;
	padding: 0 10px;
}

#noperm {
	width: 100%;
	background-color: #FFBABA;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url('../img/ajax-loader.gif') 50% 50%;
	background-color: #000;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
	cursor: pointer;
	/*Trasperenza cross browser*/
	opacity: .7;
	filter: alpha(opacity = 70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#settingsMenu{
    display: none;
    width: 100%;
    background-color: white;
}

#menuContainer div:hover + #settingsMenu,#settingsMenu:hover{
    display: block;
    position: relative;
   
}

#menuitem{
	height: 30px;
	border-top:1px solid lightgray;
}

#mlSpace:hover{
	
	background-color: gray;
	border-left: 0px;
	cursor: default;
}

#mainmenu {
	width: 100%;
	
	border: 0px solid white;
    
    
    border-top: 1px solid lightgray;
	background-color: white;
	box-shadow: 0px 5px 5px #CCCCCC;
	color: #5E5E5E;

font-family: Futura,"Trebuchet MS",Arial,sans-serif;
font-weight: bold;
font-size: 14px;
z-index: 400;
}


#mainmenu img {
	margin-right: 5px; 
}

#mainmenu ul {
  text-align: left;
  display: inline;
  margin: 0;
  margin-left: 15px;
  padding: 15px 4px 17px 0;
  list-style: none;
  	
    
   
 
}
#mainmenu ul li {
  
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
border:1px solid white;
 
  
  
}

	
#mainmenu ul li:hover {
  
  
  background-color: white;
	
	cursor: pointer;
	z-index: 400;
	opacity: 1.0;
   	
   	
	text-decoration: underline;
   	
  
}


.top:hover{
	
	
}



#mainmenu ul li ul {
width: 150px;
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
 margin-top: -10px;
 margin-left: -15px;
  visibility: hidden;

   
}
#mainmenu ul li ul li { 
  width: 150px;
  background: white; 
  display: block; 
  color: #5E5E5E;
  font-size: 10px;
  margin-left: -15px;
  border-bottom: 1px solid gray;
 opacity: 1.0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  

}

#mainmenu ul li  img, #mainmenu ul li  a  { 
	
	vertical-align: middle;

}

#mainmenu ul li ul li:hover { 
	background: #F7B279; 
	color: black;
	
  
	}

#mainmenu ul li:hover ul {
  display: block;

  visibility: visible;
 
}


#mainmenu ul li#esci:hover {
	border:1px solid #F59393;
}


.top {
	
   	  border: 1px solid trasparent;
	
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

.top:hover {
	
   	  border: 1px solid trasparent;
}

footer {
    display: block;
	
bottom: 0;
   width:100%;
   
} 

#contFooter{
	width: 100%;
	height: 30px;
	background-color: #2A2A2A;
	text-align: center;
	color: lightgray;
	font-size: 10px;
}



.text {
	width: 100%;
display:table;

color: #5E5E5E;

z-index: 400;
}

.text li img {
	vertical-align: middle;
	margin-left: 5px; 
}

.text li a {
	
	vertical-align: middle;
}

.text li {
  
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;

}

.text li ul li img {
	
	margin-right: 5px;
	
}

.text li ul{
padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
 margin-top: -10px;
 margin-left: 15px;
  visibility: hidden;
}

.text li:hover ul {
  display: block;

  visibility: visible;
  z-index: 500;
 
}

.text  li ul li { 
  width: 150px;
  background: white; 
  display: block; 
  color: #5E5E5E;
  font-size: 10px;
  margin-left: -15px;
  border-bottom: 1px solid gray;
 opacity: 1.0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  z-index: 500;
  text-align: left;

}
.text  li ul li:hover { 
	background: #F7B279; 
	color: black;
	
   	  border: 0px;
	}
	
#from, #to {
	text-align: center;
}


.bwl-arrow{
    width: 0px;
    height: 0px;
   margin-left:61px;
}

.up{
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #F7B279;
}

/*--------LEFT MENU---------*/



/**
 * Canvas
 */

[canvas] {
	z-index: 1;
}

[canvas=container] {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: relative;
	background-color: white; /* Basic background color, overwrite this in your own css. */
	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[canvas=container]:before, [canvas=container]:after {
	clear: both;
	content: '';
	display: table;
}

/**
 * Off-Canavs
 */

[off-canvas] {
	display: none;
	position: fixed;
	overflow: hidden;
	overflow-y: auto;
	background-color: black; /* Basic background color, overwrite this in your own css. */
	color: white; /* Basic colors, overwrite this in your own css. */
	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[off-canvas*=top] {
	width: 100%;
	height: 255px;
	top: 0;
}

[off-canvas*=right] {
	width: 255px;
	height: 100%;
	top: 0;
	right: 0;
}

[off-canvas*=bottom] {
	width: 100%;
	height: 255px;
	bottom: 0;
}

[off-canvas*=left] {
	width: 255px;
	height: 100%;
	top: 0;
	left: 0;
}

[off-canvas*=reveal] {
	z-index: 0;
}

[off-canvas*=push] {
	z-index: 1;
}

[off-canvas*=overlay] {
	z-index: 9999;
}

[off-canvas*=shift] {
	z-index: 0;
}

/**
 * Animation
 */

[canvas], [off-canvas] {
	-webkit-transform: translate( 0px, 0px );
	    -ms-transform: translate( 0px, 0px );
	        transform: translate( 0px, 0px );
	-webkit-transition: -webkit-transform 300ms;
	        transition:         transform 300ms;
	-webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
}

[off-canvas*=shift][off-canvas*=top] {
	-webkit-transform: translate( 0px, 50% );
	        transform: translate( 0px, 50% );
}

[off-canvas*=shift][off-canvas*=right] {
	-webkit-transform: translate( -50%, 0px );
	        transform: translate( -50%, 0px );
}

[off-canvas*=shift][off-canvas*=bottom] {
	-webkit-transform: translate( 0px, -50% );
	        transform: translate( 0px, -50% );
}

[off-canvas*=shift][off-canvas*=left] {
	-webkit-transform: translate( 50%, 0px );
	        transform: translate( 50%, 0px );
}

/**
 * Print
 */

@media print {
	[canvas] {
		-webkit-transform: translate( 0px, 0px ) !important;
		    -ms-transform: translate( 0px, 0px ) !important;
		        transform: translate( 0px, 0px ) !important;
	}

	[off-canvas] {
		display: none !important;
	}
}

.js-toggle-left-slidebar:hover{
	background-color: lightgray;
}