@font-face {
font-family: 'Font1';
font-style: normal;
font-weight: normal;
src: url('engraversgothic.ttf');
}



#centerlogin{
	
	width:600px;
	height:400px;
	padding:10px;
	background-color:#4A3A45;
	border: 0px solid #b31a1c;
	margin:-250px 0 0 -350px;
	position: absolute;
	top:50%;
	left:50%;
	display: table;
	color:	#FFFFFE;
	border-radius:3px;
	
}

#centerlogin2{
	
	margin:0 auto;
	background-color:#4A3A45;
	border: 0px solid #b31a1c;
}

#logologin{
	
	width:600px;
	
}

#logologin img{
	display:block;
	margin:10 auto;
}

#logologin p{
	margin:5px;
	color:#ffffff;
	
}


#centerlogin h3 , #filtri h3{
	margin-bottom:3px;
	
}



#centerlogin h3{
	color:#fe6f61;
}


.errore{
	
	color:#b31a1c;
	font-size:15;
	font-weight:normal;
}

.errore2{
	
	color:#b31a1c;
	font-size:20;
	font-weight:bold;
	text-align:center;
}

.recupero{
	
	color:#007278;
	font-size:15;
	font-weight:normal;
	text-decoration:underline;
}


#centerlogin #centrato{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	background:white;
	color:#fe6f61;
}



.tdmail  {
	
	word-break: break-all;
}


body{
	
	background-color:#007278;
	color:#8d8d8d;
	font-family:Font1;
	font-size:22;
	margin:0;
	padding:0;
	
}



.campi{
	background:#ffffff;
	border: 2px solid #4A3A45;
	color:#4A3A45;
	padding:2px;
	font-size:18;
	width:240px;
	margin:3px;
	
}


.checkbox{
	background:#ffffff;
	border: 2px solid #4A3A45;
	color:#4A3A45;
	width:auto; 
	margin: 10px; 
	transform : scale(2);   
}

.sinistra{
	text-align:left;
}

.sinistra h3{
	display:block; width:240;  margin:0 auto;font-size:0.8em
}

.campishort{
	background:#ffffff;
	border: 2px solid #4A3A45;
	color:#4A3A45;
	padding:2px;
	font-size:18;
	width:100px;
	margin:1px;
}

.textarea{
	max-width:640px;
	width:100%;
	min-height: 100px;
	margin:0 auto;
	background:#ffffff;
	border: 2px solid #4A3A45;
	color:#4A3A45;
	padding:2px;
	font-size:18;
	display:block;
	}

#filtridue{
	margin:0 auto;
	width:95%;
	max-width:800;
}	
	
.corto{
	width:80px !important;
}


.bottoni{
	background:#fe6f61;
	border: 2px solid #4A3A45;
	color:#ffffff;
	padding:2px;
	font-family:Font1;
	font-size:20;
	width:180px;
	margin:1px;
	text-align:center;
	font-weight:bold;
	letter-spacing:2;

}

.bottoni:hover{
	background:#007278;
	border: 2px solid #007278;
	color:#eba53d;
	
	

}



.bottoneindietro{
	float:right;
	text-align:right;
	width:20%;
	margin-top:10px;
}

#messaggioDatiIncompleti{
	display:none;
}

.inputerror{
	border: 3px solid #b31a1c;
	background:#fe6f61;
}

.errore2{
	
	color:#b31a1c;
	font-size:20;
	font-weight:bold;
	text-align:center;
}



.recupero{
	
	color:#007278;
	font-size:15;
	font-weight:normal;
	text-decoration:underline;
}

.chiudi{
	width:30px;
}

.tdicon{
	width:75px;
	
}

.icona{
	
	background:#4A3A45;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	margin-left:10px;
}

.iconar{
	color:#fe6f61;
	background:rgba(255, 255, 255, 0);
}

.iconar2{
	color:#007278;
	background:rgba(255, 255, 255, 0);
	
}

.iconaa{
	color:orange;
	background:rgba(255, 255, 255, 0);
}

.iconav{
	color:green;
	background:rgba(255, 255, 255, 0);
}

.iconab{
	color:#fe6f61;
	background:rgba(255, 255, 255, 0);
}
.iconag_passiva{
	color:#fe6f61;
	background:rgba(255, 255, 255, 0);
}

.iconag{
	color:#fe6f61;
	background:rgba(255, 255, 255, 0);
}
.iconag:hover{
	color:#eba53d;
}

.iconablu{
	color:#4A3A45;
	background:rgba(255, 255, 255, 0);
}

.iconadisable{
	color:#aaaaaa;
	background:rgba(255, 255, 255, 0);
}

#logo{
	
padding:5px;
margin: 0 auto;
width:600;
text-align:center;
color:#e3ded8;
}

#utente{
	float:right;
	margin-right:15px;
	margin-top: 5px;
	font-size:20;
	color:#fe6f61;
	font-weight:bold;
	
}

#header{
	
	background:white;
	margin-bottom: 5px;
}

.sottotitolo{
	margin:0;
}




/*grafica del menu*/

#menu{
	
	float:left;
	width:15%;
	
}


.menu{
	
	margin:20 10 20 10;
	border-radius:10px;
	
	
	
}
#topmenu{
	text-align:center;
	padding:0px;
	margin:0;
}

#topmenu li{
	list-style:none;
	text-align:left;
	width:100%;
	background:#fe6f61;
	margin-bottom:20px;
}

#topmenu  a{
	color:#FFFFFF;	
	display:inline-block;
	padding:10px;
	text-decoration:none;
	width:100%;
	letter-spacing:1.2;
	
	
}

#topmenu  a:hover{
	background:#eba53d;
	font-weight:bold;
	color:#FFFFFF;
}

#topmenu  #itemselected{
	color:#AAAAAA;
	font-style:bold;
}

#topmenu  #itemselected:hover{
	color:#e8e8e7;
}

#contenitore{
	margin:0 auto;
	width:1850px;
	background:#007278;
}

/*grafica del centro*/
#centro{
	background:white;
	width:1572px;
	margin: 0 auto;
	min-height:1000;
	padding:10px;
	float:left;
	border-left:5px solid #dcdcdc;
}

table{
	border: 0px solid #4A3A45;
	background:white;
	width:1500;
	margin:0 auto;
	table-layout:fixed;
	
}


.clickable a{
	display:block;
	color:#4A3A45;
	
}


.clickable td{
	
	padding:0px;
}

td{
	padding:5px;
	text-align:center;
	color:#4A3A45;
	font-size:14;
	font-family:'Mulish',sans-serif;
}




.intestazione td{
	background:#007278;
	color:white;
	font-family:Font1;
}


.bottoniNuovo{
	margin:0 auto;
	display:block;
	margin-top:50px;
}

#filtri{
	background-color:#eba53d;
	width:1500;
	margin:0 auto;
	padding:10px;
	border: 2px solid #4A3A45;
}



.esporta{
	width:1200;
	margin:10 auto;
}

#titolo{
	width:1500;
	padding:0;
	margin:0 auto;
}

#filtri .filtric{
	margin:0 auto;
	width:49%;
	min-width:400px;
}

#filtri .filtricleft{
	width:400px;
}



#filtri .filtris{
	float:left;
	display:inline-block;
	margin-right:5px;
}

.filtris input, .filtris select{
	height:50;
	width:200;
	
}

.filtri2{
	float:left;
	height:60px;
}

.filtricheckbox{
	clear:both;
	width:85%;
	min-width:800;
	margin:20 auto;
	text-align:center;
	
}

#filtri .titoloboxfiltri {
	margin-bottom:15px;
	font-weight:bold;
	font-size:30;
}

.cornicefiltri{
	border:2px solid #4A3A45;
	padding:15px;
}

.filtritextarea{
	float:none;
	clear:both;
	max-width:800px;
	width:95%;
	margin:20 auto;
	
}

.filtriclear{
	clear:both;
	padding-top:10px;
}

.verifiche{
	text-align:left;
	color:red;
	width:95%;
	max-width:640px;
	margin:0 auto;
}

.media_preview{
	height:50px;
}

#cerca input {
	
	margin-left:10px;
	display:inline-block;
	height:50px;
}


#filtri h3{
	color:#4A3A45;
	margin-top:0;
	margin-bottom:0px;
}

a{
	text-decoration:none;
}


#titolo h1{
	color:#007278;
	text-align:left;
}

.titolo {
	color:#4A3A45;
	text-align:left;
	display:inline;
}


.add{
	vertical-align:bottom;
	
	width:auto;
}

.logout{
	
	width:auto;
	padding:4px;
	font-size:15;
	min-height:auto;
	height:auto;
}

.nuova{
	text-align:center;
	color::#e3ded8;
}

.nuova2{
	text-align:center;
	color::#e3ded8;
}

#textarea, #caricafile{
	width:400;
}

#caricafile input{
	color:#b31a1c;
}

.turnoextra{
	background:#999999;
	
}

.esporta{
	text-align:center;

}


#firma{
	
	margin:10 auto;
	width:400px;
	text-align:center;
	font-weight:normal;
	font-size:13;
}
.summary{
	width:95%;
	background:#FFFFFF;
	color: #4A3A45;
	margin:10 auto;
	padding:10px;
	
}
.summary table{
	background:#ffffff;
	width:98%;
}

.summary td{
	text-align:left;
}

.col1{
	width:150px;
}


.manutenzione{
	background:#AAAAAA;
}

.chiamata{
	background:orange;
}

.messaggioKo{
	background:#fe6f61;
	
}

.messaggioOK{
	background:#007278;
}

.messaggio{
	width:95%;
	margin:0 auto;
	padding:10px;
	color:white;
	opacity:0.8;
	text-align:center;
}


.totali{
	font-weight:bold;
	font-size:17;
}


.numeridashboard{
	background:#fe6f61;
	margin:1%;
	width:30.3%;
	float:left;
	color:white;
	text-align:center;
}

.numerodashboard{
	width:90;
	height:90;
	border-radius:100%;
	background:#007278;
	padding:10px;
	margin:10 auto;
	text-align:center;
	font-size:25;
	font-weight:bold;
	padding-top:30px;
}

.labeldashboard{
	color:#FFFFFF;
}

.numeridashboardpiccoli{
	background:#fe6f61;
	margin:1%;
	color:white;
	text-align:center;
}

.numerodashboardpiccolo{
	width:70;
	height:70;
	border-radius:100%;
	background:#007278;
	padding:10px;
	margin:5 10;
	text-align:center;
	font-size:18;
	font-weight:bold;
	padding-top:20px;
	float:left;
}

.labeldashboardpiccola{
	color:#FFFFFF;
	float:left;
	
}

.labeldashboardpiccolissima{
	font-weight:normal;
	text-align:left;
}





@media screen and (max-width: 1850px) {
	

	#centro{
		width:85%;
		margin: 0 auto;
		
	}
	
	#filtri, #titolo , table, .esporta{
		width:95%;
	}
	
	.campi{
		width:300px;
		margin:3 auto;
	}
	
	.sinistra h3{
		width:300px;
	}
	
	
	#cerca input{
		float:none;
		margin:0 auto;
	}
	
	#menu{
		width:15%;
		padding:0;
		min-width:150px;
		
		
	}
	
	.menutitle{
	padding-left:1px;
	padding-right:1px;
	padding-top:10px;
	padding-bottom:10px;
	
	
	}

	#topmenu{
		padding-left:0;
		padding-right:0;
	}
	
	#contenitore{
		width:100%;
	}
	
	
	
	
}


/* tablet */
@media screen and (max-width: 1050px) {
	#centro{
		width:80%;
		
	}
	
	#menu{
		width:20%;
		
	}
}

/*  smartphone*/
@media screen and (max-width: 780px) {
		#filtri, #titolo , table, #logo, .esporta{
			width:100%;
		}
 
		#filtri{
			text-align:center;
		}
		
		#centro .add{
			display:block;
			float: none;
			margin:0 auto;
		}
		
		#cerca input{
			margin:0;
		}
		
		#centro{
			width:100%;
			text-align:center;
			
		}
		#menu{
			width:100%;
		}
		#topmenu li{
			display:block;
			background:#eba53d;
			margin-top:10px;
			padding:5px;
			
		}
		
		#topmenu a{
			color:#4A3A45;
			width:100%;
			display:block;
		}
		
		#topmenu{
			margin:0;
		}
		
		#topmenu  li:hover{
		background:#fe6f61;
		font-style:bold;		
		border:3px solid #e8e8e7;
		}
}

*{
	box-sizing:border-box;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */




/* Stile dei messaggi mioalert*/
#masfondopagina{
	position:fixed; z-index:2;  width:100%; height:100%; background:rgba(0,0,0,0.7);display:none;
}

#masfondo{
	border:3px solid #4A3A45; position:static; z-index:3; background:white; margin:0 auto; width:450; min-height:300; margin-top:20%
}

#matitolo{
	text-align:center;background:#007278; color:white; height:40px; font-size:22; font-weight:bold 
}

#mamessaggio{	
	color:black; font-size:18; font-weight:normal; min-height:200; padding:5px;
}
#madivbottoni{
	margin:0 auto; width:400
}
.mabottoni{
	border:2px solid #000000;
}