body,
.off-canvas { background: #3C64BB; }

h1, .h1 { font-size: 1.8rem; text-transform: uppercase; line-height: 1.1; margin-bottom: 1.45rem; color: #3C64BB; }

.grid-container { /* max-width: none; */ margin: 0;}

.mobile-header a { color: #fff; }
.mobile-header h2 { font-size: 23px; text-transform: uppercase; letter-spacing: .05rem; margin-top: .26rem; margin-bottom: .3rem; }

#toggle { margin-top: 6px; margin-left: 3px;}

#sidebar { color: #fff; }
#sidebar a { color: #fff; }
#sidebar a:hover { color: #2c2c2c; }
#sidebar h2 { font-size: 23px; text-transform: uppercase; letter-spacing: .05rem; padding: .6rem 1rem .3rem 1.2rem;}
#sidebar ul { margin-left: 0;}
#sidebar .mainmenu li { list-style-type: none; text-transform: uppercase; font-family: 'montserratbold', sans-serif; font-size: .88rem; padding: .9rem 1rem .9rem 1.2rem;}
#sidebar .mainmenu li.active { background: rgba(0, 0, 0, 0.3); }
#sidebar .mainmenu li.active a { color: #fff !important;}
#sidebar .mainmenu li i { margin-right: .8rem; }
#sidebar .mainmenu a { display: block;}

.padding-bottom { padding-bottom: 2.5rem; }
.padding-top { padding-top: 1.5rem; }

.copyright { font-size: .78rem; padding-top: 1.5rem;}

#contenitore { background: #f2f2f2; padding-top: 1.15rem; padding-bottom: 1.15rem; min-height: 100vh;}

#contenuto { min-height: calc(100vh - 150px); }

.small { font-size: .6rem; }

.callout { border-color: #fff; }

.colore { color: #3C64BB; }

label { font-family: 'montserratbold', sans-serif; }

select,[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea,select[multiple] { border-radius: 3px;}

.button { background-color: #3C64BB; font-family: 'montserratbold', sans-serif; border-radius: 3px; box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
.button:focus, .button:hover { background-color: #444; box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);}

.button.big { padding: .85rem 2rem; font-size: 17px;}


table tbody td { padding: .58rem .7rem .62rem;}
td.action { white-space: nowrap; font-size: 1.2rem; text-align: right;}
td.action .button { padding: .5rem; font-size: 1rem; margin-bottom: 0;}
td.action .button:hover { background: #444;}
table thead th { background: #3C64BB; color: #fff; padding: .85rem .7rem .9rem; position: relative;}
table thead th::after { content: ''; width: 100%; height: 6px; position: absolute; bottom: 0; left: 0; right: 0; -webkit-box-shadow: 0 4px 7px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0 4px 7px 0px rgba(50, 50, 50, 0.2); box-shadow: 0 4px 7px 0px rgba(50, 50, 50, 0.2); z-index: 99; }

table tbody td,
table thead th{ font-size: .88rem; line-height: 1.3;}

.table-scroll table { width: 100%;}


.pulsanti-extra { padding-bottom: 2rem; }
.pulsanti-extra .button { margin-right: .1rem;}
.pulsanti-extra .button i { margin-right: .45rem; }



.landing #contenitore { width: 94%; max-width: 980px; margin: 0 auto; padding: 1rem 1rem;}
.landing .landing-logo { text-align: center; margin-bottom: 30px;}
.landing .landing-logo img { margin: 0 auto; }
.landing textarea { height: 7rem; }
.landing label.colore { margin-bottom: 12px; font-size: 18px;}




input[type=radio] {
  display: none;
}

input[type=radio] + label { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1IDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PGNpcmNsZSBjeD0iMi40IiBjeT0iMi40IiByPSIyLjQiIHN0eWxlPSJmaWxsOiMzYzY0YmI7Ii8+PGNpcmNsZSBjeD0iMi40IiBjeT0iMi40IiByPSIyLjA0IiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvc3ZnPg=='); background-size: 16px 16px; background-position: 0 5px; background-repeat: no-repeat; margin-left: 0; min-height: 30px; padding-left: 23px; color: #fff;}

input[type=radio]:checked + label { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1IDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PGNpcmNsZSBjeD0iMi40IiBjeT0iMi40IiByPSIyLjQiIHN0eWxlPSJmaWxsOiMzYzY0YmI7Ii8+PGNpcmNsZSBjeD0iMi40IiBjeT0iMi40IiByPSIwLjk2IiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvc3ZnPg==');}

input[type=checkbox] {
    display: none;
}
 
input[type=checkbox] + label {
     background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1IDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQuOCIgaGVpZ2h0PSI0LjgiIHN0eWxlPSJmaWxsOiMzYzY0YmI7Ii8+PHJlY3QgeD0iMC4zNiIgeT0iMC4zNiIgd2lkdGg9IjQuMDgiIGhlaWdodD0iNC4wOCIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L3N2Zz4='); background-size: 16px 16px; background-position: 0 5px; background-repeat: no-repeat; margin-left: 0; min-height: 30px; padding-left: 23px;}
 
input[type=checkbox]:checked + label {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1IDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQuOCIgaGVpZ2h0PSI0LjgiIHN0eWxlPSJmaWxsOiMzYzY0YmI7Ii8+PHBhdGggZD0iTTMuODUsMC44NGwtMS44NzIsMS44NzJsLTAuODc0LC0wLjg3NGwtMC42MjQsMC42MjRsMS40OTgsMS40OThsMi40OTYsLTIuNDk2bC0wLjYyNCwtMC42MjRaIiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpub256ZXJvOyIvPjwvc3ZnPg==');}








.btn-switch {
	position: relative;
	display: inline-block;		
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn-switch__radio {
	display: none;
}
.btn-switch__label {
	background: none !important;
	display: inline-block;	
	padding: .75em .5em .75em 1.5em !important;
	margin: 0 !important;
	vertical-align: top;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	cursor: pointer;
	transition: color .2s ease-in-out;
}
.btn-switch__label + .btn-switch__label {
  	padding-right: 1.5em !important;
	padding-left: 0 !important;
}
.btn-switch__txt {
	position: relative;
	z-index: 2;
	display: inline-block;
	min-width: 1.5em;
	opacity: 1;
	pointer-events: none;
	transition: opacity .2s ease-in-out;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
	opacity: 0;
}
.btn-switch__label:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #eb0000;
	border-radius: 1.5em;
	box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
	transition: background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label:before {
	background: #6ad500;
}
.btn-switch__label_no:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: .5em;
	bottom: .5em;
	left: .5em;
	width: 2em;
	background: #fff;
	border-radius: 1em;	
	pointer-events: none;
	box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
	transition: left .2s ease-in-out, background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
	left: calc(100% - 2.5em);
	background: #fff;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
	z-index: 1;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
	color: #fff;
}

table.dati td {
	font-size:0.8em;
	
}

tr.normal-message {
	color: green;
	}
	
tr.event-message {
	color: orangered;
	}

tr.rigaAllarme-alert {
	background-color:red !important;
	
	}

tr.rigaAllarme-working {
	background-color:yellow  !important;
	}	


.pannello {
	max-width:100%;
	}

.tabella-dati-laterale {
	padding-left:2em;
}

.timeSlider {
	width:3.4rem;color:white;text-align:center;font-weight:bold;
}


/* Chrome input yellow -> white */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }





/* Firefox only */
@-moz-document url-prefix() {
	table tbody td { padding: .6rem .7rem .46rem;}
	table thead th { padding: .95rem .7rem .75rem; }
}




@media screen and (min-width: 460px) {	
	h1, .h1 { font-size: 2.1rem;}
}

@media screen and (min-width: 680px) {
	.landing #contenitore { padding: 1rem 2rem;}
}

@media screen and (min-width: 768px) {	
	h1, .h1 { font-size: 2.3rem;}
}

@media screen and (min-width: 1024px) {
	h1, .h1 { font-size: 2.6rem;}
	.js-off-canvas-overlay,
	.mobile-header { display: none !important;}	
	.off-canvas { -ms-transform: translate(0,0); transform: translate(0,0); visibility: visible !important;}
	.off-canvas-content { -ms-transform: translateX(250px); transform: translateX(250px); width: calc(100% - 250px);}
	#sidebar h2 { font-size: 25px; padding-top: 1.36rem; padding-bottom: .8rem;}
}

@media screen and (min-width: 1280px) {
	table tbody td,
	table thead th{ font-size: 1rem; }

}

@media screen and (min-width: 1440px) {	
	h1, .h1 { font-size: 2.8rem;}
	.position-left { width: 300px;}
	.off-canvas-content { -ms-transform: translateX(300px); transform: translateX(300px); width: calc(100% - 300px);}
	#sidebar h2 { font-size: 26px; padding-top: 1.5rem; padding-bottom: .95rem; padding-left: 1.8rem;}
	#sidebar .mainmenu li { padding-left: 1.8rem;}
	.padding-bottom { padding-bottom: 3.5rem; }
	td.action .button { font-size: 1.2rem; }

}