/* CSS Document */
@font-face
{
    font-family: 'Regencie';
	src: url('../fonts/RegencieLight.eot');
	src: url('../fonts/RegencieLight.woff') format('woff'), url('../fonts/RegencieLight.ttf') format('truetype'), url('../fonts/RegencieLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
    
    }
    
@font-face
{
    font-family: 'exo';
	src: url('../Fonts/Exo-Regular.eot');
	font-weight: normal;
	font-style: normal;
    
    }    

body,html 
{
	margin-top:30px;
	margin-bottom:10px;
	padding:0px;
	height:100vh;
	overflow:auto;
}

.body_Scroll
{
   overflow:hidden;
}

.mainBody
{
    height:100vh;
    }
.leftBody
{
    height:90vh;
    }

.MAINTEXT
{
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #83B7D9;
	vertical-align: middle;
}

.iconDASH
{
	background-image: url(../SwrashtraImg/dashbox1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 80px;
	height: 80;
}


.tbletxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	font-weight: bold;
}

.datefield
{
    width:80px;
}

.topbanner
{
	background-image: url(../images/graedheader.jpg);
	background-repeat: repeat;
	height: 55px;
	width:100%;
	top:0;
	position:fixed;
	z-index:9999;
}
.bgWhite
{
    background-color:White;
    }
.tblborder
{
	border: #d9dfe9;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
.tblborder2
{
	border: #000000;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}



.tblleftborder
{
	border: #d9dfe9;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}



.eresponse
{
	background-image: url(../SwrashtraImg/ErspnsE.png);
	background-repeat: no-repeat;
	background-position: center 50%;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 50px;
}
.swrashtrlogo
{
	background-image:url(../images/Mic_51.jpg);
	background-repeat: no-repeat;
	background-position:center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right:5px;
	height:50px;
}

.EnergyManagement
{
	font-family: exo;
	color: #40676b;
	font-size: 18.5pt;
	font-weight: bold;
	text-decoration: none;
	margin-left:0;
	padding-left:0;
}
.leftblack
{
	background-color: #000000;
	height:50px;	
	
	
}
.leftblue
{
	background-color: #669abc;
	height: 20px;
	width: 8px;
}
.footer
{
    left:0;
	background-color: #40676b;
	height:20px;
	color:White;
	bottom:0;
	position:fixed;
	width:100%;
	vertical-align:top;
	}

.footer p
{
    font-size: 13px;
    margin:0;
    padding:0;
}

 .hometxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #83B7D9;
	text-decoration: none;
	font-weight: bold;
	
}
 
 .dashicon
{
	background-image: url(..SwrashtraImg/dashimg.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}
 
 .selectedBg
{
	background-image: url(../SwrashtraImg/SlctedBeg.png);
}
 
  .selecttxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C00;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFC;
}
 
 .grayband
{
	background-image: url(../SwrashtraImg/grayband.jpg);
	background-repeat: repeat;
	height: 20px;
}
	
	.bandtextblk
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	color: #000;
}
	.bandtexTRed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	font-size:16px;
	color: #cc6600;
}
	.bandtextwhite
{
    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #FFF;
	
}
	
	.blueband
{
	background-image:url(../SwrashtraImg/blueband.jpg);
	background-repeat: repeat;
	height: 25px;
	padding-bottom:2px;
	padding-top:2px;
	}
.blueband2
{
    background-image: url(../SwrashtraImg/blueband2.jpg);
    background-repeat: repeat;
    height: 25px;
    padding-bottom: 2px;
    padding-top: 2px;
}
	
.settingicon
{
	background-image: url(../SwrashtraImg/settingicon.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 100px;
	height: 80px;
}

.settingtxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #1c5d87;
	text-align: left;
	font-weight: normal;
	vertical-align: bottom;
	padding-bottom: 10px;
}	
.Utilityicon
{
    background-image: url('../SwrashtraImg/zoneicon.png');
    background-position: right center;
    background-repeat: no-repeat;
    width: 100px;
    height: 50px;
}
.backbnd
{
	background-image: url(../SwrashtraImg/backband.jpg);
	background-repeat: repeat;
	background-position: center;
	height: 25px;
}

.backicon
{
	background-image: url(../SwrashtraImg/backicon.png);
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: middle;
	height: 20px;
	width: 25px;
	padding-left: 10px;
}

.Icons
{
	background-position: center;
	background-repeat: no-repeat;
	height: 50px;
}

.IconsTxt
{
	font-family: Arial, Helvetica, sans-serif;
	color: #272727;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.iconsetting
{
	background-image: url(../SwrashtraImg/DASHBOX.png);
	width: 100px;
	background-repeat: no-repeat;
	height: 100px;
}


.errorbox
{
	background-image: url(../SwrashtraImg/errorbgbox.JPG);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
	width: 20px;
	height: 35px;
	padding-left: 5px;
	padding-top: 5px;
	background-position: top;
}

 .selecttxtgraph
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #C00;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
}
.selectgraphicon
{
	background-image: url(../SwrashtraImg/trendicon.png);
	width: 20px;
	height: 20px;
	background-position: center 50%;
	background-repeat: no-repeat;
	background-color: #5d98bd;
	border:0;
}	
	
	
	.homepagegrid
{border:#d6d4d4;
border-style:solid;
border-width:thin;
border-bottom-width:thin;
background-color:#efefef;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#1b94c6;
padding-left:10px;
}
.homepagetbl
{border:#d9dfe9;
border-style:solid;
border-width:thin;
background-color:#f8f8f8;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:600;
color:#7d7a7a;
text-align:left;
}

.homepagetblBlack
{
rdbordborder:#d6d4d4;
border-style:solid;
border-width:thin;
background-color:Black;
border-bottom-width:thin;
border-bottom-color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#FFF;
}


.homepagetblgreen
{rdbordborder:#d6d4d4;
border-style:solid;
border-width:thin;
background-color:#8ec63f;
border-bottom-width:thin;
border-bottom-color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#FFF;
}
.homepagetblred
{
	
border:#d6d4d4;
border-style:solid;
border-width:thin;
border-bottom-width:thin;
border-bottom-color:#999;
background-color:#b10000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#FFF;
}

.homepagetblblack
{
	
border:#d6d4d4;
border-style:solid;
border-width:thin;
border-bottom-width:thin;
border-bottom-color:#999;
background-color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#FFF;
}
.trendsconsbeg
{
font-family:Calibri;
font-size:14px;
color:#000;
font-weight:bold;
background-image:url(../SwrashtraImg/errorBox.jpg);
background-repeat:repeat-x;

}

.seccess
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#16a868;}
.textfield
{font-family:Arvo;
font-size:13px;
color:#828890;}

.trendsconsumption
{background-color:#FFF;
border:#d9dfe9;
border-style:solid;
border-width:thin;}
.trendscons
{
font-family:Calibri;
font-size:14px;
color:#000;
font-weight:bold;
text-align:left;
}
.trendborder
{border:#d9dfe9;
border-style:solid;
border-width:thin;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:left;}
.trendstbltxt{
border:#d9dfe9;
border-style:solid;
border-width:thin;
font-family:"Myriad Pro";
font-size:12px;
color:#1a1a1a;
padding-top:2px;
padding-left:10px;
padding-bottom:2px;}

.reporticon
{background-image:url(../SwrashtraImg/Reporticon.png);
background-position:left;
background-repeat:no-repeat;
width:80px;
height:80px;}



.Parameter_detailtopbanner
{
	background-image: url(../SwrashtraImg/Parameter_heading.jpg);
	background-repeat: repeat;
	height: 25px;
	font-family: Arial;
	color: #000000;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding-top: 2px;
	text-align: left;
}

.dial_bg
{
    background-image: url('../SwrashtraImg/dial_bgimg.jpg');
    background-repeat: repeat-y;
    height:150;
}

.dial_img
{
	margin: 5px;
	font-family: Arial;
	color: #3c6b97;
	font-size: 12.5pt;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
}
.energy_bg
{
	background-repeat: no-repeat;
	background-color: #dbdada;
	padding-top:5.5px;
	padding-bottom:5px;
}

.paradetailtbl_bg
{
	background-color: #eef4f7;
	font-family: Arial;
	color: #176191;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	text-align:center;
}
.paradetail_redfont
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	color: #cc0033;
	text-align: right;
}
.paradetail_blue
{
	font-size: 8.5pt;
	font-weight: bold;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1px;
	color: #013b61;
	text-align: left;
}
.paradetail_graybg
{
	background-color: #efefef;
	margin: 5px;
	font-family: Arial;
	color: #b30511;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width:170px;
	height:35px;
}
.paradetail_txt
{
	
	font-family: Arial;
	color: #000000;
	font-size: 9.5pt;
	font-weight: bold;
	text-decoration: none;
	width: 100px;
    vertical-align:bottom;
    height:35px;
	text-align: center;
	padding-bottom:-10px;
}
.paradetail_height
{
	height: 8px;
	}
	
	.parameter_beckground11
{
    background-image: url('../SwrashtraImg/parametergraybg1.jpg');
    width: 320;
    height: 650;
    background-repeat: no-repeat;
}

.parameter_beckground
{
    border: thin solid #D4D3D3;
    width: 320;
    height: 350;
    background-repeat: no-repeat;
    background-color: #ECECEC;
}


.parameter_text_black
{font-family:Arial, Helvetica, sans-serif;
color:#070000;
font-size:16px;

}
.parameter_text_red
{font-family:Arvo;
color:#c02d2d;
font-size:19.5px;}

.td_Border_Hz
{
    border-top: 2px solid Gray;
    border-bottom: 2px solid Gray;
    border-left-color:Gray;
      border-right-color:Gray;
    text-align: center;
    border-left-style: solid;
    border-right-style: solid;
}
    
    .td_Border_Hz_left
{
  border-left-style:hidden;
  border-right-style:hidden;
    }
    
    
    .login_tbl_backgroud
{
    background-position: top;
    background-image: url('../SwrashtraImg/SCL Night1.JPG');
    background-repeat: no-repeat;
    padding-right: 15px;
    padding-top:15px;
}

.imghathilogo
{background-image:url(../SwrashtraImg/hathi_logo.png);
background-repeat:no-repeat;
width:90px;
height:65px;}

.imgicamlogo
{
background-repeat:no-repeat;
width:90px;
height:80px;}


.support_detailtopbanner
{
    background-image: url(../SwrashtraImg/Parameter_heading.jpg);
    background-repeat: repeat;
    height: 25px;
    font-family: Arial;
    color: #000000;
    background-position: top;
    padding-left: 5px;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

.tblleftborder1
{border:#d9dfe9;
border-style:solid;
border-width:thin;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
text-align:left;
}
.tblleftborder2
{border:#d9dfe9;
border-style:solid;
border-width:thin;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
font-weight:normal;
padding-top:2px;
padding-bottom:2px;
text-align:left;
}