.dummy {
  background-color: #000000;
}
 * {
  font-family: Roboto, sans-serif;
 }

HTML{
  font-family: Roboto, sans-serif;
  font-size: 12px;
  margin: 0px;
  
}
SELECT{
  font-size: 10px;
  margin: 0px;
  height: 24px;
	background-color: lightsteelblue;
	padding: 2px;
	box-sizing: content-box;  
  border: 1px solid #A0A0A0;
}
TD{
  font-size: 10px;
  margin: 0px;
  
}
a {
  text-decoration: none;
}

FORM {
  display: inline;
}

.inputflat {
  border: 1px solid #D0D0D0;
  background-image: url(../images/backgrounds/input.png);
  background-repeat: repeat-x;
}

.buttonflat {
  border: 1px solid #800000;
  background-image: url(../images/backgrounds/input.png);
  background-repeat: repeat-x;
}

#tfa_qrcode {
  width:60%;  
  position: absolute;
  left: 20%;
  top: 15%;
  box-shadow: 5px 5px 3px #888888;
  background-color: #E0E0E0;
  border: 2px solid #C0C0C0;
  min-width:500px;
}

.tfa_qrcode_title{
  font-size: 140%;
  padding: 10px;
  display: inline-block;
  font-weight: bold;
}

.tfa_qrcode_warning{
  display: block;  
  background-color: #FFB0B0;  
  box-shadow: 2px 2px 4px #404040;
  padding: 10px;
  font-size: 120%;
}

#loginbox {
  width:30%;
  height:320px;
  position: absolute;
  left: 35%;
  top: 15%;
  box-shadow: 5px 5px 3px #888888;
  background-color: #E0E0E0;
  border: 2px solid #C0C0C0;
  min-width:500px;
}

#lastError, #statoRichiesta{
  position: absolute;
  bottom: 10px;   
  left: 10%;
  width:80%;
  height:20px;
  background-color: #F0F0F0;
  border-radius: 10px;
  border: 1px solid #C0C0C0;
  padding-top: 5px;
  font-weight: bold;
}

#loginbutton,#logoutbutton {
  background-color: #ffffff;
  background-image: url("../images/backgrounds/input.png");
  background-repeat: repeat-x;
  border: 1px solid #800000;
  border-radius: 4px;
  height: 30px;
  width: 150px;
  font-weight: bold;
  color: #000040;
  cursor: pointer;
}

.loginbutton {
  background-color: #ffffff;
  background-image: url("../images/backgrounds/input.png");
  background-repeat: repeat-x;
  border: 1px solid #800000;
  border-radius: 4px;
  height: 30px;
  width: 150px;
  font-weight: bold;
  color: #000040;
  cursor: pointer;
}


.info_box {
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  height: 200px;
  width: 300px;
  background-color: #E0E0E0;
  border-left: 2px solid #D0D0D0;
  border-top: 2px solid #D0D0D0;
  border-right: 2px solid #404040;
  border-bottom: 2px solid #404040;
}

.box_title {
  background-image: url(../images/backgrounds/back_blu45.png);
  color: #E8E8FF;
  height: 30px;
  padding-left: 20px;
}

.box_button {
  background-image: url(../images/buttons/btn_blu.png);
  background-color: transparent;
  background-repeat: no-repeat;
  width: 132px;
  height: 32px;
  margin: 15px auto;
  padding: 5px 15 5 15;
  text-align: center;      
  text-decoration: none;
  color: #000040;
}


a.button {
    background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: center;
    width: 132px;
    font: normal 12px arial, sans-serif;    
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

#popbox_daticliente {
  background-color: #C7E0E9;
  color: #000000;
  visibility:hidden;
  width: 70%;
}

.datistrong {
  font-size: 16px;
  color: #a80000;
}

a.boxlink {
  text-decoration: none;  
  color: black;
}


.toppage {
  width: 100%;
  height: 130px;
  border: 0px solid #B0B0B0;
  background: #FFFFFF url('../images/mainlogo.png') no-repeat top left;
}


.leftpage {  
  padding: 16px 0 0 0;
  background: #C7E0E9 url('../images/labelimpianti2.png') no-repeat top right;
  border: 1px solid #008AC9;   
}

.rightpage {  
  border: 1px solid #B0B0B0;  
}

.legendacell {
  border-bottom: 1px solid #505050;
}

#bottomhandle {
  position: fixed;
  right: 0px;
  bottom:0px;
  z-index:11;
  border-top: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  cursor: pointer;
}

#maincontent {
  height:100%;
  overflow: hidden;
  background-color: #C7E0E9;
}

#pageContent {
  height: 100%;  
  position: relative;
  top: 0px;
  left: 0px;
  float: right;
  background-color: #D7D9DF;
  z-index:10;
  overflow: auto;
}

#mapContent {
  height: 100%;  
  position: relative;
  top: 0px;
  left: 0px; 
  float:right; 
}

#listaquadri_bak {  
  font-size:10px;
  overflow: auto;
  float:left;  
  height:100%;
  background: #C7E0E9 url('../images/labelimpianti2.png') no-repeat top right;
  padding: 16px 0 0 0;
  background-attachment: scroll;
}

#listaquadri {  
  float:left;  
  height:100%;
  background: #E0E0E0 url('../images/_labelimpianti2.png') no-repeat top right;
  padding: 0px 0 0 0;
  background-attachment: scroll;
  overflow: hidden;
}

#impiantiinner {  
  font-size:10px;
  overflow: auto;     
  width: 100%;  
  background: #C0D0E0;
}


.boximpianto {
  width:100%;
}

.titoloimpianto {
  font-size: 18px;
  color: #203068;  
  font-variant: small-caps;
  font-weight: bold;
}

.impianto_head {
  cursor: pointer;
  position: relative;  
  margin:0px;
  font-variant: small-caps;
  padding-bottom: 4px;
  border-bottom: 0px solid #404040;
  background-image: url(../images/cella_bottom.png);
  background-repeat: repeat-x;
  background-position: bottom left;  
}

.head_normal {
  background-color: #F0F0F0;
}

.head_sel {
  background-color: #FFFF51;
}

.head_green {
  background-color: #96e69c;
}

.head_gray {
  background-color: #DBDBDB;
}

.head_yellow {
  background-color: #FFFF84;
}

.head_red {
  background-color: #FF7D7D;
}

.impianto_body {
  padding-left: 5px;
  font-size:10px;  
}

.textleft {
  position: absolute;
  left: 2px;
  top: 6px;
  font-size: 12px;
  font-weight: bolder;
  color: #a80000;
}

.impianto {
  background-color: #C7E0E9;
  border: 1px solid #76B3C9;
}

.imglink {
  cursor: pointer;
  border: 0px;
}

.preloaderImmagini {
  background: url('../images/ico_collapse.png');
}

.datiimpianto_head {
  width:200px ;
  padding-top:20px;
  text-align: center;
  cursor: pointer;
  position: relative;    
  margin:0px;  
  font-variant: small-caps;  
  border: 1px solid #008AC9;
  background: #C7E0E9 url('../images/labeldati.png') no-repeat top right;
}


.datiimpiantoold {  
  width:500px;  
  font-size:10px;
  background-color: #C7E0E9;
  border-left: 1px solid #008AC9;
  border-right: 1px solid #008AC9;
  border-bottom: 1px solid #008AC9;
  position:absolute;  
  z-index:2;
}


.head_datiimpianto {    
  font-size:10px;
  background-color: #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
  font-variant: small-caps;  
}


.formfiltro {
  /*position:relative;  
  float: right;  
  padding: 4px;*/
  background-color: #E3F0E7;
  background-repeat: repeat-x;
  background-image: url(../images/backgrounds/toolbar.png);
}

.divfiltri {
  background-color: #FFCC00;
  padding-top: 1px;
  padding-bottom: 2px;
}

.filtrolistaoff {
  cursor: pointer;
  width: 48px;
  height: 24px;
  background-image: url('../images/buttons/btn_filtrooff.png');
}

.filtrolistaon {
  cursor: pointer;
  width: 48px;
  height: 24px;
  background-image: url('../images/buttons/btn_filtroon.png');
}

.imgcollapse {
  position: absolute;
  top: 0px;
  left: 0px;
}

.titolo1 {
  font-size: 18px;
  color: #004080;  
  font-weight: bold;
}

#event_date {
  position:absolute;
  top: 4px;
  right: 4px;
  font-weight: bold;
}

.event_header {
  border: 1px solid #808080;
  background-color: #F8F8F8;
  font-weight: bold;
  font-size:11px;
}

.evento_head {  
  border-bottom: 1px dotted #C0C0C0;
  padding: 3px;
  font-size: 9px;
}

.evento_head_gray {
  background-color: #F0F0F0;
}

.evento_head_white {
  background-color: #FFFFFF;
}

.evento_data {  
  border-bottom: 1px dotted #C0C0C0;
  padding:4px;
  font-size: 9px;
}

.evento_data_gray {
  background-color: #F0F0F0;
}

.evento_data_white {
  background-color: #FFFFFF;
}


.sms_head {  
  border-bottom: 1px dotted #C0C0C0;
  padding: 3px;
  font-size: 9px;
  background-color: #F0F0F0;
}

.sms_data {  
  border-bottom: 1px dotted #C0C0C0;
  padding:4px;
  font-size: 9px;
  background-color: #FFFFFF;
}


.sms_contactunselected {
  background-color: #CCE6FF;
}

.sms_contactunselected.sms_contactselected  {
  background-color: #FFB062;
}
  
.sms_contactunselected:hover, .sms_contactselected:hover {  
  background-color: #8080FF;
}
  

.navigation_row {
  border-top: 1px solid #00152B;
  border-left: 1px solid #00152B;
  border-bottom: 1px solid #A8D3FF;
  border-right: 1px solid #A8D3FF;  
}



.alarmtext {
 color: #CC0000;
 font-weight: bold;
}

.oktext {
 color: #00A600;
 font-weight: bold;
}


.accesotext {
 color: #B9A200;
 font-weight: bold;
}


.spentotext {
 color: #0000BF;
 font-weight: bold;
}

.alertbox {
  width:60%;
  border: 2px solid #FF0000;
  padding: 10px;
  background-color: #FFA6A8;
  z-index: 100;
}

.alert_popup {
  width: 268px;
  height: 120px;
  border: 0px solid #FF0000;  
  color: #000000;
  float: right;
  z-index:20;
  overflow: hidden;
  background-image: url(../images/alertbox.png);
}

#flashBox {
  position: relative;
  top: 22px;
  left: -16px;
  width:240px;
}

#alert_text {
  padding-top: 22px;
  padding-left: 13px;
  padding-right: 13px;  
  overflow: hidden;
  font-size: 9px;
  text-align: left;
  font-weight: bold;
  height: 90px;
  color: #800000;
}

.text_list li {
  border-bottom: 1px solid #C0C0C0;
  
}

#requestbutton {
  position: relative;
  top: 100px;
  
}

.strongtext {
  font-size:20px;
  font-weight: bold;
}

#resize_handle {
  position: absolute;
  right: 0;
  top: 30px;
  width: 8px;
  height: 21px;
  background: url(../images/backgrounds/resize.png);
}

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

#container {
  background-color: #C7E0E9;
  position: relative;  
  height: 100%;  
}

#statoimpianto {
  background-color: #C7E0E9;
  position: relative;
  z-index: 1;
}

#mappaimpianto {
  z-index: -1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 100%;  
  opacity:0.6;
  filter:alpha(opacity=60);
}

#toolbar {
  height: 34px;
  background-color: #D7D9DF;
  background-repeat: repeat-x;  
  border-top: 2px solid #909090;
  border-bottom: 2px solid #909090;
}

#toolbar img {
  display: inline-block;
  width: 20px;
  height: 20px;    
  cursor: pointer;
}

#toolbar b {
  display: inline-block;
  width: 24px;
  height: 24px;  
  line-height: 24px;  
}

#toolbar span {
  display: inline-block;
  width: 24px;
  height: 24px;  
  line-height: 24px;
  cursor: pointer;
}

#toolbar span:hover {
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-weight: bold;
}

.sec_toolbar {
	height: 35px;
	position: relative;
	box-sizing: border-box;
	background-color: slategray;
	text-align: right;
}

.sec_toolbar input{
	width: auto;
	height: 30px;
	box-sizing: border-box;	
	margin-left: 5px;
	margin-right: 5px;
	border: 0px;	
	margin-top: 2px;
	padding-right: 20px;
	padding-left: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
	cursor: pointer;
	font-weight: bold;
	color: #0071b6;
}


.bluebold {
  font-weight: bold;
  color: #004080;
}

.labelpl {
  background-color:#ffffff;
  font-weight:bold;
  border:2px #006699 solid;
}

#searchpl {
  background: #FFD0D0;
  border: 1px solid black;
  padding: 2px;
  z-index: 100;
}


.smalltext {
  font-size: 7pt;
  color: #555555;
  font-weight: normal;
}

.box_container {
  position: absolute;
  right:5px;
  top: 160px;
  width: 304px;
  height: 55px;  
  background-color: #FC0;
  border-radius: 0px;
  border: 2px solid #808080;
  display: none;
  padding-top: 20px;
  z-index: 100;
  box-shadow: 0px 0px 10px 3px #0A2657;
}

#box_icon {
  padding-top: 5px;
}

#box_text {
  color: #404040;
  font-weight: bold;
  font-size: 12px;
}

.overlayQuadro {
  background-color: #E0E070;
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height: 100%;
  opacity:0.4;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  display: none;
  z-index: 2;
}


.titolocolonna {
  background-image: url(../images/back_titolocolonna.png);
  font-size: 12px;
  color: #004080;
  text-align: center;
  font-weight: bold;
  padding: 4px;
}

.testocampo {
  /* background-color: #FFEEDD; */
  background-color: #FFFFFF;
  
}

.weekday {
  color: #000000;
  border:1px solid #000000;
  padding:2px;
  font-weight: bold;
}

.weekday_gray {
  color: #A0A0A0;
  border: 0px solid #000000;
  padding: 3px;
  font-weight: bold;
}

.head_impianto {
  background-color: #C4BD97;  
  font-size: 10px;
  padding: 2px;
}

.valore_impianto {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  color: #203068;
  padding: 2px;
}

.head_dato {
  background-color: #FFFF66;  
  font-size: 10px;
  padding: 2px;
}

.valore_dato {
  background-color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  color: #6696B9;
  padding: 2px;
}

.valore_dato1 {
  background-color: #FFFFFF;
  font-size: 10px;  
  color: #000000;
  padding: 2px;
}

.valore_dato2 {
  background-color: #FFFFFF;
  font-size: 10px;  
  color: #000000;
  font-weight: bold;
  padding: 2px;
}


.table_spacer {
  border: 0px;  
}

.commandbutton {
  width: 130px;
  height: 30px;
  border: 1px solid #505050;
  background-color: #F0F0D0;
  border-radius: 5px;  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  font-size: 12px;
  font-weight: bold;
  color: #303030;
}

.commandbutton_disabled {
  color: #707070;
  background-color: #C0C0C0;
}

.datatable {
  border-collapse: collapse;
}

.clickableImage {
  cursor: pointer;
}

.red_text {
  color: #FF0000;
  font-weight: bold;
}

.green_text {
  color: #009300;
  font-weight: bold;
}

.boxHeader {
  width: 290px;
  height: 60px;
  border-radius: 5px;
  background-color: #F7F7F7;  
  top: 20px;
  position:absolute;
  border-top: 1px solid #CACBCD;
  padding: 5px;
}

.boxTitle{
  position:absolute;
  top: -15px;
  left: 5px;
  font-weight: bold;
  color: #5D667A;
}

.boxAllarmi {
  right: 645px;
}

.boxImpianti {
  right: 330px;
}

.boxUtente {
  right: 15px;
}

.boxContent {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.popupNotch {
	position: absolute;
	right: -40px;
	top: 20px;
	width: 0;
	height: 0;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 40px solid #D7D9DF;
}

.popupStatoClose {  
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  cursor: pointer;
}

.tabbutton {  
  font-size: 12px;
  text-decoration:none; 
  display:inline-block;  
  font-weight:bold; 
  color: #FFFFFF;
  width: 200px;
  height: 32px;
  border-left: 1px solid #000000;  
  border-top: 1px solid #000000;  
  border-right: 1px solid #000000;  
  color: #404040;
  cursor: pointer;
  margin: 2px;
}

.tab_backyellow {
  
	background-color: #EAEAA6;
	border: 1px solid #404040;
	box-shadow: 1px -1px 4px #202020;
	color: #404040;
	font-weight: 400;
	border-bottom: 0px solid #EAEAA6;
}


.inputbutton {  
  
  font-size: 12px;
  text-decoration:none; 
  display:inline-block;  
  font-weight:bold; 
  color: #FFFFFF;
  width: 100px;
  height: 32px;
  border:1px solid #808080;  
  background-color: #dddddd; /* Old browsers */
  cursor: pointer;
  
}


.back_red {
  background: #dddddd; /* Old browsers */
  background: -moz-linear-gradient(top,  #D75656 0%, #DB3D3D 46%, #D62424 54%, #CF0000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CF0000), color-stop(46%,#dddddd), color-stop(54%,#bababa), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #D75656 0%,#DB3D3D 46%,#D62424 54%,#CF0000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #D75656 0%,#DB3D3D 46%,#D62424 54%,#CF0000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #D75656 0%,#DB3D3D 46%,#D62424 54%,#CF0000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #D75656 0%,#DB3D3D 46%,#D62424 54%,#CF0000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D75656', endColorstr='#CF0000',GradientType=0 ); /* IE6-9 */
}

.back_blue {
  background: #dddddd; /* Old browsers */
  background: -moz-linear-gradient(top,  #5576D9 0%, #4169E5 46%, #1C4CE0 54%, #1E4EE1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E4EE1), color-stop(46%,#dddddd), color-stop(54%,#bababa), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #5576D9 0%,#4169E5 46%,#1C4CE0 54%,#1E4EE1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #5576D9 0%,#4169E5 46%,#1C4CE0 54%,#1E4EE1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #5576D9 0%,#4169E5 46%,#1C4CE0 54%,#1E4EE1 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #5576D9 0%,#4169E5 46%,#1C4CE0 54%,#1E4EE1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5576D9', endColorstr='#1E4EE1 ',GradientType=0 ); /* IE6-9 */
}

.back_green {
  background: #dddddd; /* Old browsers */
  background: -moz-linear-gradient(top,  #56D956 0%, #3BD23B 46%, #1DDC1D 54%, #33A433 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33A433), color-stop(46%,#dddddd), color-stop(54%,#bababa), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #56D956 0%,#3BD23B 46%,#1DDC1D 54%,#33A433 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #56D956 0%,#3BD23B 46%,#1DDC1D 54%,#33A433 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #56D956 0%,#3BD23B 46%,#1DDC1D 54%,#33A433 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #56D956 0%,#3BD23B 46%,#1DDC1D 54%,#33A433 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56D956', endColorstr='#33A433',GradientType=0 ); /* IE6-9 */
}

.back_yellow {
  background: #dddddd; /* Old browsers */
  background: -moz-linear-gradient(top,  #FFFC01 0%, #FDF402 46%, #F5DE00 54%, #FFFB00 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFB00), color-stop(46%,#dddddd), color-stop(54%,#bababa), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FFFC01 0%,#FDF402 46%,#F5DE00 54%,#FFFB00 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FFFC01 0%,#FDF402 46%,#F5DE00 54%,#FFFB00 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FFFC01 0%,#FDF402 46%,#F5DE00 54%,#FFFB00 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #FFFC01 0%,#FDF402 46%,#F5DE00 54%,#FFFB00 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFC01', endColorstr='#FFFB00',GradientType=0 ); /* IE6-9 */
  color: #404040;
}

.back_violet {
  background-color: #8520BD;
  color: #404040;
}

.tbr_buttonl{
  -webkit-border-radius: 5px 0px 0px 5px; 
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;  
}

.tbr_button{  
  font-size: 13px;
  text-decoration:none; 
  display:inline-block;  
  font-weight:bold; 
  cursor: pointer;
  color: #404040;
  text-shadow: 2px 2px 0 rgba(255,255,255,0.3);
  width: 100px;
  height: 24px;
  border:0px solid #C4C7CD;
  -webkit-box-shadow: #212121 0px 2px 2px inset;
  -moz-box-shadow: #212121 0px 2px 2px inset; 
  box-shadow: #212121 0px 2px 2px inset;
  background: #f0f1f3; /* Old browsers */
  background: -moz-linear-gradient(top,  #f0f1f3 0%, #bababa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f1f3), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f0f1f3 0%,#bababa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f3', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-2, OffY=-2, Color=#212121);
    
  
}

.tbr_buttonr{
  -webkit-border-radius: 0px 5px 5px 0px; 
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;  

}

.tbr_button:hover {
  color: #f39c12;
}

.tbr_buttonsingle{  
  font-size: 13px;
  text-decoration:none; 
  display:inline-block;  
  font-weight:bold; 
  cursor: pointer;
  color: #404040;
  text-shadow: 2px 2px 0 rgba(255,255,255,0.3);
  width: 100px;
  height: 24px;
  border:0px solid #C4C7CD;
  -webkit-box-shadow: #212121 0px 2px 2px inset;
  -moz-box-shadow: #212121 0px 2px 2px inset; 
  box-shadow: #212121 0px 2px 2px inset;
  background: #f0f1f3; /* Old browsers */
  background: -moz-linear-gradient(top,  #f0f1f3 0%, #bababa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f1f3), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f0f1f3 0%,#bababa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f3', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-2, OffY=-2, Color=#212121);
  -webkit-border-radius: 5px 5px 5px 5px; 
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;  
  margin-bottom: 5px;    
  
}

.filtroimpianti {
  width:276px;
  height: 40px;
  padding: 10px;
  background-color: #DBDEE3;
}

.imgfiltro{
  cursor: pointer;
  border: 1px transparent;
}

.containerimpianto {
  width: 296px;
  background-color: #DBDEE3;
  position: relative;
}

.headerimpianto {
  background-color: #ADB6BD;
  width: 286px;
  height: 24px;  
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
  padding-left: 10px;
  padding-top: 8px;
}

.headerimpianto_evidenziato {
  background-color: #0071b6;
  border: 1px solid transparent;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
  color: #fff;
  cursor: pointer;
  display: inline-block;  
  font-size: 13px;
  font-weight: 400;
  padding: 8px 4px 1px 8px;
  position: relative;  
}

.tagimpianto {
	position: absolute;
	right: 30px;
	top: 4px;
	border: 1px solid #F0F0F0;
	color: #F0F0F0;
	padding: 3px;
} 

.tagimpianto_cliccabile {
	position: absolute;
	right: 30px;
	top: 2px;
	border: 1px solid #808080;
	color: #F0F0F0;
	padding: 3px;
  box-shadow: 1px 1px 1px #F0F0F0 inset;
  border-radius: 3px;
  padding-left: 5px;
} 

.small_button {
  cursor:pointer;
  width: 24px;
  height: 21px;
  display: inline-block;
  border: 1px solid #808080;  
  background-repeat: repeat-x;
  margin-left: 1px;
  margin-right: 2px;
  margin-top: 1px;
  vertical-align: top;
}

.header_placeholder {
  margin-right: 4px;
}

.header_button {
  cursor:pointer;
  width: 32px;
  height: 28px;
  display: inline-block;
  border: 1px solid #808080;  
  background-repeat: repeat-x;  
  margin-right: 2px;
  margin-top: 1px;
  vertical-align: top;
}

.header_button_gray {
  background-image: url("../images/buttons/back_gray.png");
}

.header_button_blue {
  background-image: url("../images/buttons/back_blue.png");
}

.header_button_yellow {
  background-image: url("../images/buttons/back_yellow.png");
}

.header_button_green {
  background-image: url("../images/buttons/back_green.png");
}

.header_button_red {
  background-image: url("../images/buttons/back_red.png");
}


.flagimpianto {
  width: 280px;
  height: 30px;     
  padding: 8px;
}

.datiimpianto {
  
  width: 280px;
  min-height: 10px;  
  padding-left: 8px;
  padding-bottom: 4px;
}

.corpoimpianto {
  display:none;
}

.lineaderivazione{
  display: inline-block;
  width: 286px;
  height: 20px;
  padding-left: 10px;
}

.lineafase{
  display: inline-block;
  width: 276px;
  height: 20px;
  padding-left: 20px;
}

#corpotabella {
  overflow-y: auto;  
  margin-top: 2px;
}

#popupWindow {
  
  width:30%;
  min-height: 200px;
  left: 35%;
  top: 35%;
  background-color: #F8F8F8;
  color: #000000;
  display:none;
  z-index:25;
  position: absolute;
  overflow: hidden;
}

#popupTitle__k {
  width: 100%;
  height: 20px;
  padding-left: 3px;
  padding-top: 3px;
  background-color: #0073AA;  
  color: #F0F0F0;  
  background-image: url("../views/images/tbr_background.png");
  background-repeat: repeat-x;
  background-position: 1px;
  
}

#popupMessage {
  padding: 20px;
  text-align: center;
  
}

#popupButton {
  width: 90%;
  text-align: center;
  position: absolute;
  bottom: 10%;
}

#infoWindow {
  position: absolute;
  width: 200px;
  border-radius: 5px;
  background-color: #EDEDED;  
  border-top: 2px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  display:none;
  z-index: 100;
}

.roundedcell {
	height: auto;
	width: 100%;
	border-radius: 5px;
	background-color: #F7F7F7;
	border-top: 2px solid #AAAAAA;
	box-sizing: border-box;
	padding: 5px;
	font-size: 14px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.boxRounded {
  height: auto;
  width: 90%;
  border-radius: 5px;
  background-color: #F7F7F7;  
  border-top: 2px solid #AAAAAA;
  margin: 7px;
  padding: 5px;
}

.boxRoundedEvt {  
  height: 75px;
  width: 98%;
  border-radius: 5px;
  background-color: #F7F7F7;  
  border-top: 2px solid #AAAAAA;
  margin: 1%;
}

.headerBar{
  width: 100%;
  height: 30px;
  background-color: #00FF00;
  background-image: url("../images/backgrounds/tbr_base.png");  
  padding-top: 6px;
  font-weight: bold;
  font-size: 18px;
  color: #606060;
  text-shadow: 1px 1px #FFFFFF;
  text-align: center;
  position: relative;
}

.barTitle {
  font-weight: bold;
  font-size: 18px;
  color: #606060;
  text-shadow: 1px 1px #FFFFFF;
}

.testo_titolo {
   font-size: 18px;
   font-weight: bold;
   text-shadow: 1px 1px #FFFFFF;
   color: #606060;
}

.filtrofaded {
  cursor: pointer;
  opacity: 0.2;
  filter:alpha(opacity=80);
}

.cliccabile:hover {
  -webkit-box-shadow: 0px 0px 3px 3px #FFFF00;
  -moz-box-shadow:    0px 0px 3px 3px #FFFF00;
  box-shadow:         0px 0px 3px 3px #FFFF00;
}

#sceltaCliente {
  position: absolute;
  left: 10px;
  top: -100px;
}

.popupContent {
  width: 800px;
  position: absolute;
  z-index: 20;
  background-color: #D0D0D0;
  -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#808080);
  border-radius: 2px;
  left: 390px;
  top:200px;
  overflow: hidden;
  min-height: 100px;
  border: 2px solid #0071b6;
  display: none;  
}

.popupTitle {

	background-color: #0071b6;
	border: 1px solid transparent;
	box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	padding: 8px 4px 1px 8px;
	position: relative;
  width:100%;
  height: 24px;

}

.popupText {
  width: 100%;
  background-color: #FFFFFF;
  padding: 0px;
  position: relative;
  height: calc(100% - 40px);
  overflow-y: auto;
  padding: 10px;
  box-sizing: border-box;
}

.popupClose:after {
	position: absolute;
	display: block;
	right: 10px;
	top: -4px;
	height: 20px;
	width: 20px;
	cursor: pointer;
	content: "\00D7";
	z-index: 20;
	font-size: 32px;
	color: #F8F8F8;
}


.popupBroadcastContent {
  width: 800px;
  position: absolute;
  z-index: 20;
  background-color: #D0D0D0;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#808080);
  border-radius: 6px;
  left: 390px;
  top:200px;
  overflow: hidden;
  min-height: 100px;
  border: 2px solid #0D0D0D;
  display: none;
}


.popupBroadcastTitle {
  width:100%;
  height: 24px;
  background-color: #2F0303;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 120%;
  padding-top: 4px;  
  padding-left: 10px;
}

.popupBroadcastText {
  width: 100%;
  background-color: #840606;
  padding: 0px;
  position: relative;
  font-size: 12px;
  color: #FFFFFF;
}

.popupBroadcastClose {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  z-index: 20;
}


.form_title {
  font-weight: bold;
  padding: 4px;
  font-size: 14px;
}

.input_button{  

	width: auto;
	height: 30px;
	box-sizing: border-box;	
	margin-left: 5px;
	margin-right: 5px;
	border: 0px;
	top: 1px;
	margin-top: 2px;
	padding-right: 20px;
	padding-left: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
	cursor: pointer;
	font-weight: bold;
	color: #F8F8F8;
  background-color: slategray;

}

.input_button:hover {
  background-color: #FAFA00;
  color: slategray;
}

.giorno_off {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px dotted #808080;
  color: #808080;
  margin: 1px;
}

.giorno_on {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px dotted #202020;
  color: #FFFFFF;
  margin: 1px;
  background-color: #A0A0A0;
}

.table_head {
  color: #FFFFFF;
  font-weight: bold;
  padding: 4px;
  background-color: #005CB9;
  border-top: 1px solid #A8D3FF;
  border-left: 1px solid #A8D3FF;
  border-bottom: 1px solid #00152B;
  border-right: 1px solid #00152B;
  
}

.table_data {
  background-color: #E0E0E0;
  border-bottom: 1px solid #00152B;
}

.controls {
  margin-top: 16px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}


#boxInterruttore {
  position: relative; 
  display: inline-block; 
  margin: 3px; 
}

#pac-input {
  background-color: #fff;
  padding: 0 11px 0 13px;
  width: 300px;
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
  margin-top: 5px;
}

#pac-input:focus {
  border-color: #4d90fe;
  margin-left: -1px;
  padding-left: 14px;  /* Regular padding-left + 1. */
  width: 401px;
}

.displayinput {
  border: 1px solid #A0A0A0;
  font-size: 16px;  
  box-shadow: 1px 1px 2px #404040;
  margin-bottom: 8px;
  padding: 4px;
  background-color: lightsteelblue;
}

.displayinputbios {
  border: 1px none #505050;
  font-size: 16px;  
  margin-bottom: 8px;
  padding: 3px;
  box-shadow: 1px 1px 2px #404040;
  font-family: Courier New;
}

.boxdisplay {
  background-color: #303030;
  color: #ff0000;
  font-family: Courier New;
  font-size: 20px;
  font-weight: bold;  
  padding-top: 4px;  
  padding-left: 4px;
  border: 2px solid #FFFFFF;
  text-align: left;
  position: relative;
  height: 100%;
}

.areavisibile {
	position: absolute;
	left: 0px;
	top: 8px;
	width: 120px;
	background-color: #FF0000;
	height: 30px;
  margin-left: 4px;
  mix-blend-mode: color;
}

.boxdisplaymeteo {
  background-color: #303030;
  color: #ff0000;
  font-family: Courier New;
  font-size: 20px;
  font-weight: bold;
  height: 90px;
  padding-top: 20px;
  padding-left: 10px;
  width: 130px;
  border: 2px solid #FFFFFF;
  text-align: left;
}

.sensorchart {
  width: 700px;
  height: 150px;
}

.sensorchart_iris {
  width: 918px;
  height: 300px;
  padding: 10px;
}

.sensorbox {
  background-color: #ffffff;
  box-shadow: 2px 2px 2px #808080;
  height: 150px;
  width: 220px;
  text-align: center;
  vertical-align: middle;
}

#meteolock{
  display: none;
  opacity: 0.5;
  filter:alpha(opacity=50);
  position: absolute;
  top: 0;
  left:0px;
  z-index: 100;
  background-color: #A0A0A0;
} 

#periodic {
  height: 20px;
  position: absolute;
  left: 10px;  
  top: 1px;
} 

#popupEventi {
  width: 200px;
  height: 70px;
  position: absolute;
  z-index: 20;
  background-color: #F0F0F0;    
  left: 805px;
  top:134px;
  overflow: hidden;  
  border: 1px solid #808080;
  box-shadow: 5px 5px 5px #808080;
  display: none;
  border-radius: 5px;
  padding: 10px;
}

.tbr_buttone{  
  font-size: 13px;
  text-decoration:none; 
  display:inline-block;  
  font-weight:bold; 
  cursor: pointer;
  color: #404040;
  text-shadow: 2px 2px 0 rgba(255,255,255,0.3);
  width: 200px;
  height: 24px;
  border:0px solid #C4C7CD;  
  
}  

.tbr_buttone:hover{  
  background-color: #B6C8FF;
}

.popupZoom {
  width: 80%;
  height : 80%;
  z-index: 20;
  position:absolute;
  top:10%;
  left:10%;
  display: none;
}


.rowTable:hover {
  background-color: #E0E0E0;
}


#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 20px;
    border-radius: 3px;    
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
    width: 400px;
}

#progress-wrp .progress-bar{
    height: 100%;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status{
    top:3px;
    text-align: center;
    position:absolute;
    display:table-cell;
    width: 100%;
    color: #000000;
}


.no-close .ui-dialog-titlebar-close {
  display: none;
}

.btn_image {
  cursor: pointer;
  margin: 2px;
}

.reaction_marker {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 10px;
  height: 10px;
  background-color: #FF0000;
}


/* Remove IE arrow */
select::-ms-expand {
  display: none;
}
/* Custom Select */
.select {
  position: relative;
  display: inline-flex;
  line-height: 3;
  background: #2c3e50;
  overflow: hidden;
  /* border-radius: .25em; */
  
  font-size: 13px;
  text-decoration:none; 
  font-weight:bold; 
  cursor: pointer;
  color: #404040;
  text-shadow: 2px 2px 0 rgba(255,255,255,0.3);
  width: 300px;
  height: 24px;
  border:0px solid #C4C7CD;
  -webkit-box-shadow: #212121 0px 2px 2px inset;
  -moz-box-shadow: #212121 0px 2px 2px inset; 
  box-shadow: #212121 0px 2px 2px inset;
  background: #f0f1f3; /* Old browsers */
  background: -moz-linear-gradient(top,  #f0f1f3 0%, #bababa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f1f3), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f0f1f3 0%,#bababa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f3', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-2, OffY=-2, Color=#212121);
  vertical-align: bottom;
  
  
}
.selectmain {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background-image: none;
  
  flex: 1;
  font-size: 13px;
  text-decoration:none; 
  font-weight:bold; 
  color: #404040;
  text-shadow: 2px 2px 0 rgba(255,255,255,0.3);
  padding: 0 .5em;
  cursor: pointer;
  background: #f0f1f3; /* Old browsers */
  background: -moz-linear-gradient(top,  #f0f1f3 0%, #bababa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f1f3), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f0f1f3 0%,#bababa 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f0f1f3 0%,#bababa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f3', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-2, OffY=-2, Color=#212121);
  margin: 5px;
}

.selectmain:hover {
  color: #f39c12;
}


.selectmain>option {
  color: #404040;
}

.selectmain>option:hover {
  color: #404040;
}


/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: -7px;
  right: 0;
  padding: 0 1em;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
/* Transition */
.select:hover::after {
  color: #f39c12;
}

.box_testo {
	width: 90%;
	padding: 10px;
	font-size: 15px;
	text-align: center;
	background-color: #c7d1db;
	color: #F0F0F0;
	box-shadow: 1px 1px 1px #3c178f;
}

.testo_guasto {
  color: darkslateblue;
}

.guasto_head {
  background-color:#c7d1db;
  color: #404040;
}

.toolbar_guasti {
  position: relative;
  background-color: #1C244F;
  width: calc(100% - 10px);
  display: block;
  padding: 5px;
  text-align: right;
}

.hiddenicon {
  position: absolute;
  top: 2px;
  right: 75px;
  border-top: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.badge {
    
	background-color: #909090;
	border-radius: 20px;
	padding: 5px 8px 5px 8px;
	color: white;
	font-weight: bold;

}

.toolbar {
  position: relative;
  height: 34px;
  background-color: #F9F9F9;
  box-shadow: 1px 1px 2px #808080;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
}

.btn_toolbar {
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
}

.deletebutton {
  position: absolute;
  right: 0px;
  top: 18px;
  cursor: pointer;
}

#ls_notice {
  color: red;
  display: none;
}

.testoAllarme {
	color: #0f6bc6;
	border-bottom: 1px dotted #808080;
	width: 100%;
	display: inline-block;
	padding-bottom: 2px;
}


.smalltable {
  text-align: center;
  padding: 5px;  
}

.smalltable_head {
  font-weight: bold;
  background-color: #C3CBE1;
}

.smalltable_cell {
  background-color: #D0D0D0;
}


.mediumtable {
  text-align: center;
  font-size: 10px;
  padding: 4px;  
}

.mediumtable_head {
  font-weight: bold;
  background-color: #C3CBE1;
}

.mediumtable_cell {
  background-color: #D0D0D0;  
}

.section_divider {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #9d1818;	
	border-top: 1px solid #9d1818;
	border-bottom: 0px;
}

.section_divider_title {
	position: absolute;
	top: -5px;
	left: 20px;
	background: #E0E0E0;
	padding-left: 10px;
	padding-right: 10px;
	color: #9d1818;
	font-weight: bold;
}

.titolo_derivazione {
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	padding: 4px;
	box-sizing: border-box;
}

.smallbutton {  
  
  font-size: 12px;
  text-decoration:none; 
  display:inline-block;  
  font-weight:bold; 
  color: #FFFFFF;
  width: 100%;
  height: 24px;
  border:1px solid #808080;  
  background-color: #dddddd; /* Old browsers */
  cursor: pointer;
  
}

.leftcolumn {
	display: inline-block;
	position: relative;
	min-height: 100%;
	height: 100%;
	width: 60%;
	overflow-y: auto;
	border-right: 3px solid #000080;
	box-sizing: border-box;
	padding: 4px;
}

.rightcolumn {
  display: inline-block;
  position: relative;
  min-height: 100%;
  height: 100%;
  width: 40%;
  overflow-y: auto;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(235, 235, 235) rgb(95, 89, 77);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: orange;
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(235, 235, 235);
  border-radius: 20px;
  border: 3px solid rgb(95, 89, 77);
}

#main_chart {
  width:100%;
  height: 285px;
  position: relative;
}

.accensione_acceso {
  background-color: #FFFF84;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.accensione_spento {
  background-color: inherit;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.accensione_manuale {
  background-color: #f39c12;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.tbr_mainchart {
  position: absolute; 
  right: 0px; 
  top: -19px;   
  text-align: right;
  z-index:0;
}

.chart_field {
  border-color: #9d1818; 
  background-color: #F0F0F0;
  width: 70px;
  font-size: 10px;
  text-align: center;
}

.boxNumeroVerde {
  position: absolute;
  left: 310px;
  top: 14px;
}