html,body { min-height:100%; height:100%; }
body { background:#f4f4f4; color:#212121; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif; font-size:14px; min-width:940px; }
.sx { text-align:left; }
.dx { text-align:right; }
.cx { text-align:center; }
.flsx { float:left; }
.fldx { float:right; }
.flcx { margin:0 auto; }
.hide { display:none; }
.avviso { clear:both; background:rgb(254,250,167); padding:10px; margin:10px 0; border-radius:3px; text-align:center; line-height:1.5rem; }
.avviso a { color:#000;}
#contenitore { background:#fff; width:auto; padding:1%; margin:0 auto; min-height:96%; }
.col1 { padding:1%; }
.col2 { width:48%; padding:1%; float:left; }
.col3 { width:31%; padding:1%; float:left; }
.col4 { width:23%; padding:1%; float:left; text-align:center; }
.col5 { width:17.5%; padding:1%; float:left; text-align:center; }
header { text-align:center; position:relative; }
header .navtop { position:absolute; top:0; right:0; }
#logo { max-width:29%; }
nav { display:inline-block; width:70%; text-align:right; }
nav a,nav span { margin:0 10px; cursor:pointer; }
nav a:hover,nav span:hover { opacity:0.9; }
#content { clear:both; padding-top:20px; }
a { color:#0e76bc; text-decoration:none; }
.bottone { display:inline-block; background:#eee;  height:30px; line-height:30px; font-weight:bold; margin-right:20px; padding:0 10px; cursor: pointer;}
a.pulsante { background:#0e76bc; color:#fff; padding:5px 10px; font-weight:bold; border:1px solid #0e76bc; }
a.pulsante:hover { border:1px solid #0e76bc; background:#fff; color:#0e76bc; }
.breadcrumb { font-weight:bold; color:#fff; float:left; font-size:1.1rem; }
.breadcrumbs { display:block; margin-bottom:20px; font-weight: bold; }
.barramenu { text-align:right; padding:10px; margin-bottom:20px; 
			background: #3b90d6;
			background: -moz-linear-gradient(top, #3b90d6 0%, #1e5799 100%);
			background: -webkit-linear-gradient(top, #3b90d6 0%,#1e5799 100%);
			background: linear-gradient(to bottom, #3b90d6 0%,#1e5799 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b90d6', endColorstr='#1e5799',GradientType=0 );
}
.barramenu a.pulsante { color:#26548C; background:rgba(255,255,255,0.8); border:1px solid #fff; margin:0 5px; text-transform:uppercase; font-size:0.7rem; }
.barramenu a.pulsante:hover { border-color:#388BD1; background:rgba(255,255,255,0.5); color:#fff; }

/* pagina home */
div.boxhome {display:inline-block; border-radius:100px; height:150px; line-height:150px; text-align:center; margin:1%; width:150px; text-transform:uppercase; background:#bbb; color:#333; cursor:pointer; font-weight:bold;}
div.boxhome.selected {background:#369; color:#fff;}
div.boxhome:hover {background:#ff9600; color:#fff;}
.boxnascosti {display:none;}
			
#menuhome fieldset { border-color:#bbb; border-radius:5px; background:#E1E6EA; text-align:center;  padding:0; position:relative; width:100%; margin:0 auto 50px; padding-top:30px; }
#menuhome fieldset.meta { width:49%; display:inline-block; }
#menuhome fieldset legend { font-size:1.1rem; color:#fff; background:#0E76BC; box-sizing:border-box; border-bottom:1px solid #bbb; padding:10px; border-radius:5px; display:block; width:100%; left:0; position:absolute; top:-15px; }
a.homeicon { position:relative; padding:10px; margin:10px 0; border-radius:5px; display:inline-block; width:100px; height:100px; font-weight:bold; vertical-align:top; font-size:0.7rem; background:#eee; cursor:pointer; }
a.homeicon:hover { background:#fff; }
a.homeicon img { width:70px; height:70px; }
a.homeicon img.notifica { width:15px; height:15px; position:absolute; top:10px; right:10px; }
a.homeicon span { display:block; }
a.homeicon.disattivata { opacity:0.5; }

header a.homeicon {background:none; margin:0; padding:0; width:70px; }
header a.homeicon img { width:50px; height:50px; }

img.disattivata { opacity:0.5; cursor: help; }

.graficoImpianto { background:#f4f4f4; padding:10px; cursor:pointer; margin-bottom:10px; border-bottom:1px solid #ccc; }
.graficoImpianto .col2 img { max-width:80%; }
.graficoImpianto h6 { font-size:0.9rem; padding:0; margin:0; }
.graficoImpianto h6 img { vertical-align:top; }
.graficoImpianto .dett { display:none; margin-top:10px; }
.graficoImpianto label { margin-top:30px; }
.graficoImpianto fieldset { background:#eee; }

/* form generici */
.pulsanteselezione { display:inline-block; margin:10px; cursor:pointer; background:#ccc; padding:10px; }
.elencocheck { display:inline-block; padding:0.5%; width:22%; margin:10px 0.5%; background:#efefef; vertical-align:top; font-size:0.8rem; }
label { color:#0e76bc; display:block; margin:5px 0; }
form fieldset { border-color:#fff; margin-top:0; border-radius:5px; }
form fieldset legend { font-size:1.3rem; color:#888; margin-top:-25px; }
input,select,textarea { margin:0; padding:0; border-radius:5px; background:#f4f4f4; border:1px solid #ccc; box-sizing:border-box; resize:none; box-shadow:none; }
.filter-hide { display:none; }
input[type=text],input[type=number],input[type=password],input[type=email],textarea { width:94%; padding:9px 1%; color:#333; font-size:1.1rem; }
input[type=file] { width:94%; padding:6px 1%; color:#333; font-size:1.1rem; }
select { padding:0 0.5%; width:100%; width:94%; color:#333; font-size:1.1rem; height:40px; line-height:40px; }
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus,textarea:focus { background:#fff; }
option { padding:10px 1%; border-bottom:1px solid #ddd; font-size:0.9rem; color:#444; }
.riga { margin-bottom:20px; }
input[type=submit] { background:#0e76bc; text-transform:uppercase; color:#fff; padding:15px 20px; font-weight:bold; border:1px solid #0e76bc; }
input[type=submit]:hover { opacity:0.8; }
input[type=button].delete { background:#ddd; text-transform:uppercase; color:#c00; padding:15px 20px; font-weight:bold; border:1px solid #a00; }
input[type=button].delete:hover { opacity:0.8; }
input[type=button].annulla { background:#c00; text-transform:uppercase; color:#fff; padding:15px 20px; font-weight:bold; border:1px solid #a00; margin-left:20px; }
input[type=button].annulla:hover { opacity:0.8; }
#confdel { display:none; text-align:right; clear:both; margin:20px 0;}
#confdel a { color:#fff; background: #c00; border-radius:5px; padding:16px 10px; font-weight:bold; }
.require { font-weight:bold; }
div.require { margin:10px 0; color:#0e76bc; }
.buttonCarica { background:#1F599B; color:#fff; padding:6px; border:1px solid #036; }
/* size input */
input.medium,select.medium { width:46.5%; }
input.small,select.small { width:15%; }
/* size div.riga */
div.riga.small { width:22%; display:inline-block; vertical-align:top; }
div.riga.medium { width:48%; display:inline-block; vertical-align:top; }
div.riga.large { width:90%; display:inline-block; vertical-align:top; }
/*.riga input[type=checkbox]:nth-child(1n+3),.riga input[type=radio]:nth-child(1n+3) { margin-left:20px; background:#f4f4f4; border:1px solid #ccc; }*/

/* form cerca */
#boxcerca { display:none; text-align:right; margin-bottom:20px; }
#boxcerca input[type=text] { margin:0; padding:10px 15px; width:40%; }
#boxcerca input[type=submit] { margin:0; padding:12px 15px 10px 15px; }

/* form login */
#login form label { width:100%; font-size:18px; }
#login form input[type=text],#login form input[type=password] { text-align:center; }

/* tabelle dati */
.tabella { width:100%; border:1px solid #ccc; margin-top:10px; }
.tabella th { background:#26548c; color:#fff; }
.tabella .minimal th { padding:2px 12px; font-size:12px; background:#dfdfdf; color:#888; border:none; border-top:1px solid #ccc; }
.tabella th,.tabella td { padding:12px; border-bottom:1px solid #ddd; }
.tabella tr:nth-child(even){ background:#f4f4f4; }
.tabella td img { height:32px; }
.tabella td img[src*="dot"] { height:20px; }
.tabella td.intest { background:#3789CF; color:#fff; font-weight:bold; }
.tabella.duerighe tr:nth-child(4n), .tabella.duerighe tr:nth-child(4n-1){ background:#eee; }
.tabella.duerighe tr:nth-child(4n-3), .tabella.duerighe tr:nth-child(4n-4){ background:#fff; }

.campispecifici { display:none; }
.error { box-shadow:0 0 5px #f00; }

/* in visualizzazione allegati */
#viewallegati { display:none; width:40%; float:right; box-sizing:border-box; text-align:center; border-left:3px double #ccc; background:#f4f4f4; }
#viewallegati span#closeview { display:block; height:30px; text-align:center; color:#B00; cursor:pointer; line-height:30px; font-size:12px; font-weight:bold; }
#viewallegati iframe { width:98%; height:100%; min-height:70vh; border:none; }
#viewallegati img { height:auto; max-height:50vh; max-width:100%; }
#viewmap { width:100%; height:60vh; }
.tabella.collapse { width:60%; box-sizing:border-box; }

/* filtro */
#filtro { background:#555; color:#fff; padding:5px 0; }
#filtro input,#filtro select { width:auto; padding:2px 10px; margin:0 5px; font-size:0.8rem; }
#filtro input[type="text"] { padding:9px; }
#filtro select option { padding:5px; font-size:0.8rem; }
#filtro input[type=submit],#filtro input[type=button] { padding:9px; background:#34AA30; color:#fff; border:none; font-weight:bold; text-transform:uppercase; }
#filtro input[type=button] { background:/*#53D657*/ #999; min-width:150px; }
#filtro input[type=button].selezionato { background:#34AA30; }

/* selezione immagine */
.selImg{border:1px solid #aaa; height:200px; overflow:auto; width:90%;}
.selImg img{border:1px solid #eee; margin:3px; padding:3px; cursor:pointer;}
.selImg img.selezionato { background:rgb(210,240,255); border:1px solid #1F599B; }

.avvisovisivo { text-align:center; font-size:1.3rem; color:#aaa; margin:20vh; }

.info { position:relative; cursor:help; }
.info>img { width:15px !important; height:15px !important; vertical-align:middle; }
.info>span { display:none !important; position:absolute; top:15px; left:15px; background:rgba(0, 0, 0, 0.8); width:280px; color:#fff; padding:10px; border-radius:10px; z-index:50; }
.info:hover>span { display:block !important; }

a.homeicon .info { position:absolute; top:10px; right:5px; }

.infoPath { background:#efefef; color:#333; font-style:italic; margin:10px 0; padding:5px; font-weight:bold; display:none; }

.informazioni { color:#26548C; font-variant:small-caps; background:#eee; padding:10px; }

#dettagliProspettoManutenzione h3 { color:#3787CD; font-weight:normal; text-transform:uppercase; }
#dettagliProspettoManutenzione .riga { background:#f6f6f6; margin-bottom:15px; padding:10px; }
#dettagliProspettoManutenzione strong { display:inline-block; width:240px; text-transform:uppercase; color:#777; }

.selezioneMassiva { margin:20px 0; text-align:right; }
.selezioneMassiva span { display:inline-block; width:150px; text-align:center; height:30px; line-height:30px; cursor:pointer; color:rgb(255,255,255); background:rgb(51,153,255); border-radius:3px; }

.prospettoCruscotto { margin:0 auto; font-size:20px; color:#0E76BC; }
.prospettoCruscotto>div.col4>div:nth-child(2), .prospettoCruscotto>div.col5>div:nth-child(2){ font-size:60px; }

canvas.grafico { max-width:450px; margin:0 auto; }

.export { text-align:right; margin-top:10px; }
.export a { display:inline-block; background:#34AA30; color:#fff; padding:6px; border-radius:3px; text-align:center; width:150px; text-transform: uppercase; }

tr.allarmerisolto td:not(.intest) { background:#D2E4D2; }