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

#select2-prodotto-container{
	background:white;
	padding:10px;
	border: 2px solid #4A3A45;
	color:#4A3A45;
	font-style:normal;
}

.dafare td{
	background:green;
	
}

.fatto td{
	background:red;
	
}

#logo2login{
	height:120;
}

#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:#ffffff;
}


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

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

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


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



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



body{
	
	background-color:#dcdcdc;
	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;
	padding:2px;
	font-size:18;
	width:auto; 
	margin: 5px; 
	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:#4A3A45;
	border: 2px solid #ffffff;
	color:#ffffff;
	padding:2px;
	font-family:Font1;
	font-size:20;
	width:180px;
	margin:1px;
	text-align:center;
	

}

.inputerror{
	border: 2px solid #b31a1c;
}

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

.numero_carichi{
	color:#b31a1c;
	text-align:center;
}

.ztl{
	color:#b31a1c;
}

.recupero{
	
	color:#ffffff;
	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;
}

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

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

.iconar2{
	color:#b31a1c;
	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:#b31a1c;
	background:rgba(255, 255, 255, 0);
}

.iconag{
	color:#b31a1c;
	background:rgba(255, 255, 255, 0);
}

.iconablu{
	color:#4A3A45;
	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:15;
	color:#e3ded8;
}

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

.sottotitolo{
	margin:0;
}

.sottotitolo2{
	text-align:center;
	color:#4A3A45;
	padding:20 0 5 0;
	
}

.sottotitolo3{
	color:#4A3A45;
	display:inline-block;
	margin-top:0px;
	margin-bottom:20px;
	vertical-align:middle;
	font-size:20;
	width:180;
}

.sottotitolo4{
	color:#4A3A45;
	text-align:center;
	font-size:20;
	margin-bottom:2;
}





/*grafica del menu*/

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


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

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

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

#topmenu  a:hover{
	background:#b31a1c;
	font-style:bold;
	color:#FFFFFF;
}

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

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

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

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

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


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


.clickable td{
	
	padding:0px;
}

td{
	padding:0px;
	text-align:center;
	color:#4A3A45;
	
}


.intestazione td{
	background:#4A3A45;
	color:white;
	
}


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

#filtri{
	background-color:#dddddd;
	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;
}

#divaggiungi , #divaggiungiprodotto {
	width:1200;
	padding:0;
	margin:0 auto;
	
}

#divaggiungi select , #divaggiungiprodotto select{
	vertical-align:top;
	height:40;
	margin-top:7px;
	display:inline-block;
}

#filtri .filtric{
	margin:0 auto;
	width:44%;
	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;
}

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

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

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


#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:#4A3A45;
	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;
}

.indietro{
	float:right;
	margin-top:10;
}

.conto{
	margin-bottom:10px;
}

@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:#e8e8e7;
			margin-top:10px;
			padding:5px;
			
		}
		
		#topmenu a{
			color:#4A3A45;
			width:100%;
			display:block;
		}
		
		#topmenu{
			margin:0;
		}
		
		#topmenu  li:hover{
		background:#4A3A45;
		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:#4A3A45; 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;
}