body 
{	
  font-family:"verdana", Arial, Helvetica, sans-serif;		
  background:#1b1b1b;
  color:#c2c2c2;
}

.errors { font-weight: bold; font-style: italic;
	font-size: 90%; color: red; margin-top: 0; }

::selection {
	background: #e8a713;
	color: #fff;
}



.reptab {
	font-size: 1em;
	border: 1px solid #666;   
	width: 100%;
	padding: 6px;
}
.reptab.th {
	background: #f8f8f8; 
	font-weight: bold;    
}

.reptab td {    
	font-size: 9pt;  
	border: solid 1px #666;
	padding: 2px;
}



.tab1 { grid-area: col1; }
.but1 { grid-area: col2; }
.tab2 { grid-area: col3; }




.grid-container {

	display: grid;
	grid-template-areas:
	'col1 col2 col3';
	grid-gap: 6px;
#	background-color: F3F3F3; 
	padding: 1px;
	line-height:13px;
}


.grid-container > div {
#	background-color: d3d3d3; 
#	text-align: center;
	padding: 1px 0;
	font-size: 12px;
}




/* Intrinsic HTML Elements */
body{margin:0;padding:0;}
div{margin:0;padding:0;}
h1{
	margin: 0;
	padding: 0;
	font-size: medium;
}
h2{margin:0;padding:0;}
h3{margin:0;padding:0;}
p{margin:0;padding:0;}
ul{margin:0;padding:0;}
li{list-style-type:none; font-size:small;}




.tableswap tr:hover { 
	background: red; 
}



.ui-draggable, .ui-droppable {
	background-position: top;
}




 
/* Uniquely Identified Containers */
#page_container{background:#1b1b1b;}
#header{
	background: #1b1b1b;
}
#left_column{background:#1b1b1b;}
#center_column{background:#1b1b1b;}
#footer{background:#1b1b1b;}

#page_container{width:1500px;margin:0 auto;}

#left_column{width:110px;float:left;background:#1b1b1b;}  /*#ECECEC background mid part site */
#center_column{width:1200px;float:left;background:#1b1b1b;} /* background mid part site */

#center_top{width:1180px;float:left;background:#1b1b1b;}
#center_left{margin-top:30px;width:520px;float:left;background:#1b1b1b;}
#center_right{margin-top:0px;width:150px;float:right;background:#1b1b1b;}


#footer{
  color:#bbbbbb;
	clear: both;
	background: #1b1b1b;
}

h1 {margin:0;padding:10px;}

html {
    font-family: verdana;
    font-size: 11pt;
    line-height: 25px;
}

  .chart { width: 580px; height: 400px; }
  .chart-container { overflow: hidden; }

select {
color:#db9e13;
border-color: black;
    background:black;
}





#alarms2 td {    
    font-size: 10pt;  
#    border: solid 1px #666;    
    padding: 2px;
    }

#alarms2 th {    
    font-size: 10pt;  
#    border: solid 1px #666;    
    padding: 2px;
    }


#alarms6 td {    
    font-size: 10pt;  
#    border: solid 1px #666;    
    padding: 2px;
    }

#alarms6 th {    
    font-size: 10pt;  
#    border: solid 1px #666;    
    padding: 2px;
    }



table2.scroll {
	width: 100%;
	border-spacing: 5;
	border: solid 1px #666;
}


	


table.scroll tbody ,
table.scroll thead { display: block;}

table.scroll tbody {
    overflow-y: auto;
    overflow-x: hidden;
    height: 350px;
}






.dfwtab
 {
    font-size: 9pt;
    border-collapse: collapse;
    width: 1200px;
    overflow-x: scroll;
    display: block;
    color: black;
    background:#cccccc;
}
.dfwtab tbody {
display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
}



.dfwtab_al
 {
    font-size: 9pt;
    border-collapse: collapse;
    width: 800px;
    overflow-x: scroll;
    display: block;
    color: black;
    background:#cccccc;
}
.dfwtab_al tbody {
display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
}





#dfwdata
 {
    font-size: 9pt;
    border-collapse: collapse;
    width: 1200px;
    overflow-x: scroll;
    display: block;
    color: black;
    background:#cccccc;
}
#dfwdata tbody {
display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
}

#dfwdata_elec
 {
    font-size: 9pt;
    border-collapse: collapse;
    width: 1200px;
    overflow-x: scroll;
    display: block;
    color: black;
    background:#cccccc;
}
#dfwdata_elec tbody {
display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
}









td {
    text-align: left;
    height: 22px;
    overflow:hidden;
    text-overflow: ellipsis;
 
}
th {
    text-align: left;
    height: 22px;
    overflow:hidden;
    text-overflow: ellipsis;
    color:black;
    background:#db9e13;    
}



.colnorm {        
        min-width: 60px;
        max-width: 60px;  
        border: solid 1px #eeeeee;
}


.colsmall {
        width:25px;
        min-width: 25px;        
        border: solid 1px #eeeeee;
}

.collarge {
        width:100px;
        min-width: 100px;
        max-width: 100px;       
        border: solid 1px #eeeeee;
}

.colxlarge {
        width:170px;
        min-width: 170px;
        max-width: 170px;
        border: solid 1px #eeeeee;
}

.colhuge {
        width:370px;
        min-width: 370px;
        max-width: 370px;
        border: solid 1px #eeeeee;
}




#tbloption td {
    width: 300px;
    font-size: 10pt;    
    }
#tbloption_elec td {
    width: 300px;
    font-size: 10pt;    
    }
#tbloption_elec_de td {
    width: 300px;
    font-size: 10pt;    
    }
#tbloption_200 td {
    width: 300px;
    font-size: 10pt;    
    }





#graphdat1{
  float: left;
  background:#aaaaaa;
  color:black;
}

#graphdat2{
  float: right;
  background:#aaaaaa;
  color:black;
}








 /* Style buttons */
.btndl {
  background-color: #ccc;
  border: none;
  color: white;
  padding: 2px 4px;
  font-size: 10px;
  cursor: pointer;
  font-size: 15px;
}

/* Darker background on mouse-over */
.btndl:hover {
  background-color: #4CAF50;
} 

.dygraph-legend {
  top:400px !important;
  left:70px !important;
  background-color: transparant !important;
}


.captionrow th {

background: #1b1b1b; 
color : white;
font-size:15px;
font-weight : normal;

}