body,html{width:100%; height:auto; border:0; padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:1em; background-color:#222b45; color:#edf5fc; background-image:url(../img/b1bde199d76dd22fc49aa288b0d5ab10.svg); background-size:cover; background-repeat:no-repeat; background-position:center right; background-attachment: fixed;}
:focus{outline:0;}
outline{outline:none;}
.logo{height:64px; float:left; margin-top:-18px;}
.boxSearch{min-height:auto; border:1px solid #ccc; box-shadow:0px 5px 10px #ccc; z-index:999 !important; right:15.5%; padding: 0.5%; position:absolute;}
.cont{width:90%; clear:both; display:block; float:none; margin:auto; padding-top:20px;}
.contContenuto{width:100%; border-radius:3px; float:left; height:auto; background-color:#edf5fc;   border:0px solid #f1f1f1; }
.boxRiep{height:auto; max-height:350px; overflow-x:scroll; overflow-y:none;  }
.material-icons{vertical-align:middle; background-color:white; color:#222; padding:3px; border-radius:100%; font-size:18px;}
.minHtxt{height:200px;}
a:link{text-decoration:none; color:inherit !important;}
a:visited{text-decoration:none; color:inherit !important;}
a:active{text-decoration:none; color:inherit !important;}
a:hover{text-decoration:none; color:inherit !important;}
hr{height:1px !important; background-color:#e7e7e7 !important; border:0px;}
h1{font-size:20px; line-height:18px; color:#3d4152}
h2{font-size:18px; line-height:14px; font-weight:200; color:#3d4152}
h3{font-size:medium; line-height:14px; font-weight:100; color:#3d4152}
.small{font-size:10px;}
.upper{text-transform:uppercase;}
.inpTxt{overflow:hidden; padding:1%; padding-top:8px; padding-bottom:8px; background-color:#e6e6e6; color:#333; border:0px; border-radius:8px; font-size:16px; margin-bottom:0.5%; margin-top:0px; width:98%;}
.inpTxtArea{width:98%; padding:1%; margin-bottom:0.5%; background-color:#e6e6e6; color:#333; border:0px; border-radius:8px; font-size:16px;}
.selectStyle{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding:1%; padding-top:8px; padding-bottom:8px; background-color:#e6e6e6; color:#333; border:0px; border-radius:8px; font-size:16px; width:100%;  background-image:url(../img/down-arrow.svg); background-position:right; background-repeat:no-repeat; background-size:auto 24px; background-origin:content-box; margin-top: -1px;   }  
.btnInp{border:0; padding:9px; border-radius: 5px; margin-top:2px; margin-left:1%;}
.btnInp:hover{border:0; padding:9px; border-radius: 5px; cursor:pointer; background-color: gray;}
.tagliaTesto{width:98%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; text-align: center;}
.head{width:100%; padding:0%; height: 70px;   box-shadow: 0px 0px 10px #ccc; position:fixed; z-index: 100; background-color:white;}
.hov4{ background-color: transparent; border:2px solid #fff !important; margin-top: -2px;  }
.hov4:hover{ background-color: #fff !important; border:2px solid #3d4152 !important; color:#333 !important;  cursor: pointer;}
.head{height:70px; width:100%; margin:auto; text-align:center;}
.content{ width:100%; padding:0%;  z-index: 99; }
.footer{width:100%; margin:auto; min-height:5vh; padding-bottom:auto;  padding-bottom:80px !important; padding-top:80px !important;}
.area{ width:80%; padding:0; margin:auto; text-align:left; border:0;}
.btnFloat{position:fixed; width:58px; right:15px; top:25%; background-color:white; box-shadow:0px 1px 3px #e7e7e7; text-align:center;}
.btnFloatC{width:48px; font-size:32px !important; color:#00afed; display:block; text-align:center; vertical-align:middle; background-color:aliceblue; margin-top:5px; padding:4px;}
.tCenter{ text-align:center;}
.tLeft{ text-align:left;}
.tRight{ text-align:right;}
.tJust{ text-align:justify;}
.brdAll{ border:1px solid #e9e9e9 !important; margin-right: -5px !important;  }
.brdTop{ border-top:1px solid #e9e9e9 !important;}
.brdLeft{ border-left:1px solid #e9e9e9 !important;}
.brdRight{ border-right:1px solid #e9e9e9 !important;}
.brdBottom{ border-bottom:1px solid #e9e9e9 !important;}
.brdR100{ border-radius: 100%;}
.brdR5{ border-radius: 5px;}
.fix{float:none; clear:both; display:block;}
.fw700{font-weight:700;}
.hov:hover{cursor:pointer; background-color: white !important; color:black !important; border-radius: 3px;}
.mrgAuto{width:368px; margin: auto !important;}
.boxAutoL{width:auto; float:none; clear:none; display:inline-block;}
.fltR{float: right;}
.dn{ display:none;}
.boxFloat{width:100%; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999999; background-color:rgba(0,51,102,0.8);}
.boxFloatCont{width:1004px;height:auto;max-height:80vh;padding:10px;float:inherit;margin-top:10vh;margin-left:auto;margin-right:auto;display:block;z-index:10000;background-color:rgba(255,255,255,1); color:#000 !important;border-radius:5px;overflow-y:auto; text-align:left !important; box-shadow: 0px 10px 40px #036; border:1px solid #fff}
.boxAutoLeft{width:auto; float:left; clear:none; display:block; margin:auto; padding:0; border:0;}
.box1{width:100%; float:none; clear:both; display:block; margin:auto; padding:0; border:0;}
.box2{width:50%; float:left; clear:none; display:block; margin:auto; padding:0; border:0;}
.box3{width:33.33%; float:left; clear:none; display:block; margin:auto; padding:0; border:0;}
.box3Var{width:66.60%; float:left; clear:none; display:block; margin:auto; padding:0; border:0;}
.box4{width:25%; float:left; clear:none; display:block; margin:auto; padding:0; border:0;}
.box5{width:20%; float:left; clear:none; display:block; margin:auto; padding:0; border:0;}
.box6{width:16.66%; float:left; clear:none; display:block; margin:auto; padding:0; border:0;}
.pt10{padding:0; padding-top:10px;}
.pb10{padding:0; padding-bottom:10px;}
.pr10{padding:0; padding-right:10px;}
.pl10{padding:0; padding-left:10px;}
.p10{padding:10px;}
.p30{padding:30px;}
.p5{padding:5px;}
.noCell{display:block;}
.nomeAdmin{text-transform:capitalize; float:left; width:auto; font-size: 12px; font-weight: 100; margin-right: 5px; margin-top:-1.2%;}
.boxTopNoty{width:auto; float: right; margin-right:auto;}
@media(max-width:1024px){
body,html{width: 100%; border:0; padding:0; margin:0; font-family: 'Lato', sans-serif;background: rgba(20,161,255,1); overflow-x: hidden;}
.boxTopNoty{width:auto; float: right; margin-right:3%;}	
.nomeAdmin{text-transform: capitalize; text-decoration: underline; float:left; width:100px; font-size: 12px; font-weight: 100;}	
.cont{width:100%; clear:both; display: block; float: none; margin: auto; padding-top: 20px; }	
.content{ width:100%; padding:0; z-index: 99; height: auto; min-height: 100vh;}	
.contContenuto{width:100; padding:0; border-radius:3px; float:left; height:auto; background-color:#f1f1f1; margin-bottom:50px; border:1px solid #f1f1f1; box-shadow: 0px 0px 0px #4a8ef1;}
.btnFloat{position:fixed; width:99%; left:0; right:auto; top:auto; bottom:0; background-color:white; box-shadow:0px 0px 0px #222; text-align:center; border-top:1px solid #e7e7e7;}
}	 
@media(max-width:768px){
body,html{width: 100%; border:0; padding:0; margin:0; font-family: 'Lato', sans-serif;background: rgba(20,161,255,1); overflow-x: hidden;}
.boxTopNoty{width:auto; float: right; margin-right:3%;}	
.nomeAdmin{text-transform: capitalize; text-decoration: underline; float:left; width:100px; font-size: 12px; font-weight: 100;}	
.cont{width:100%; clear:both; display: block; float: none; margin: auto; padding-top: 20px; }	
.content{ width:100%; padding:0%; z-index: 99; height: auto; min-height: 100vh;}	
.contContenuto{width:100%; border-radius:3px; float:left; height:auto; background-color:#f1f1f1; margin-bottom:50px; border:1px solid #f1f1f1; box-shadow: 0px 0px 0px #4a8ef1;}	
.boxSearch{min-height:150px; box-shadow:0px 0px 10px #ccc; z-index:999 !important; right:20%; position:absolute;}
.noCell{display:none;}
.box1,.box2,.box3,.box3Var,.box4{width:100%; float:left; clear:both; display:block; margin:auto; padding:0; border:0;}	
.pt10,.pb10,.pr10,.pl10{padding:0 !important;}	
.p10{padding:5px;}
.p30{padding:15px;}
.mrgAuto{width:90%; margin:auto !important;}	
.btnFloat{position:fixed; width:100%; left:0; right:auto; top:auto; bottom:0; background-color:white; box-shadow:0px 0px 0px #222; text-align:center; border-top:1px solid #e7e7e7;}
.btnFloatC{ width:48px; font-size:32px !important; color:#00afed; display:inline-block; text-align:center; vertical-align:middle; background-color:aliceblue; margin-top:5px; padding:4px;}
.btnFloatC:hover{width:48px; font-size:32px !important; color:#00afed; display:inline-block; text-align:center; vertical-align:middle; background-color:aliceblue; margin-top:5px; padding:4px;}	
.footer{width:100%; margin:auto; min-height:5vh; padding-bottom:80px !important; padding-top:80px !important;}
}