/* 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;
    
    }

body,html 
{
    height: 100vh;
	margin:0px;
	padding:0px;
	min-height: 100vh;
	
	overflow:auto;
}

.mainBody
{
    min-height: 100vh;
    height: 100vh;
    background-color: #FCFCFC;
}

    


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

.iconDASH
{
	background-image: url('../SwrashtraImg/dashbox1.png');
	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;
}

.topbanner_1
{
    background-color:#00FFEA;
    height: 80px;
}

.topbanner
{
    background-image: url('../SwrashtraImg/graedheader.jpg');
    background-repeat: repeat;
    height: 80px;
}

.logintop
{
    background-position:top;
    background-image: url('../SwrashtraImg/HeaderImg.png');
    background-repeat: no-repeat;
    height: 160px;
}



.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('../SwrashtraImg/VISION.jpg.png');
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
    width:100px;
}

.EnergyManagement
{
	text-align: center;
	font-family: Arial;
	color: #1A669C;
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
}
.leftblack
{
	background-color: #000000;
	height:50px;	
	
}

.leftblue
{
	background-color: #669abc;
	
	width:8px;
}
.footer
{
    background-color: #84a3ab;
    color: #000000;
    position: absolute;
    bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 100%;
    margin-right:0px;
}

.footerlink
{
    background-color: #84a3ab;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 13px;
    color: #003300;
    padding-right: 8px;
}

.footerlink:visited
{
    background-color: #84a3ab;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 13px;
    color: #000000;
    padding-right: 8px;
}




.pwdlink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: Black;
    padding-right: 8px;
    
    text-decoration:none;
}

 .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;
    padding-left: 5px;
}
	
	.blueband
{
	background-image:url(../SwrashtraImg/blueband.jpg);
	background-repeat: repeat;
	height: 20px;
	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;
}


.ContactUS
{
	background-image: url(../SwrashtraImg/support.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 100px;
	height: 80px;
}

.trendsicon
{
    background-image: url('../SwrashtraImg/trendsicon.png');
    background-position: left center;
    background-repeat: no-repeat;
    width: 100px;
    height: 80px;
}

.zoneicon
{
    background-image: url('../SwrashtraImg/Zone.png');
    background-position: left center;
    background-repeat: no-repeat;
    width: 100px;
    height: 80px;
}


.calendericon
{
    background-image: url('../SwrashtraImg/calendar.png');
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}


.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: 10px;
}

.backicon
{
	background-image: url(../image/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 b92533;*/
    color: #272727;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}


.TxtRed
{
    font-family: Arial, Helvetica, sans-serif; /*color: #272727 b92533;*/
    color: #b92533;
    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
{
border:#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(../image/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
{
    
    width: 320;
    height: 350;
    background-repeat: no-repeat;
    background-color: #ECECEC;
}


.parameter_text_black
{
    font-family: Arial, Helvetica, sans-serif;
    color: #070000;
    font-size: 13.5px;
    font-weight: bold;
    padding-left:5px;
}

.parameter_text_red
{

font-family:Arvo;
color:#c02d2d;
font-size:14.5px;
text-align:left;
}

.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(../image/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:none;
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;
}
.leftBody
{
    /*height:122vh;*/
    height:100px;
    min-height:90vh;
    
}

.picColor    /* change background color  */
{
    width: 80px;
    /*height: 100px;*/
    /* border: 5px solid #000000;*/
    height: 100px;
} 
.picColor:hover
{
    background-position: right;
    width: 80px;
    height: 100px;
    background-image: url('../SwrashtraImg/SlctedBeg.png');
    background-repeat: no-repeat;
    padding-right: 10px;
}  
.green
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    color: #03ad13;
  
 
}
.greenRow
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #03ad13;
   
    font-weight: bold;
    
}
.blue
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    color: #0066FF;
   
   
}
.blueRow
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #0066FF;
   
    font-weight: bold;
}
.orange
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    color: #FE8C17;
   
  
}
.orangeRow
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #FE8C17;
   
    font-weight: bold;
}
.red
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #B51E1B;
   
    font-weight: bold;
}
.redRow
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #b30511;
 
    font-weight: bold;
   
}


.CurrentFlowColor
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #4F4645;
    font-weight: bold; 
}


.purple
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    color: #c204b2;
    padding-left: 5px;
    
}
.subheading
{
    
    font-family: calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
     text-align:left;
}

.visionworld
{
    font-family: Helvetica, sans-serif, 'Open Sans' ;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #000000;
    text-align: justify;
    padding-left: 50px;
    width:100%;
    background-color:White;
    padding-right:5px;
}
.visionworldWelcome
{
    font-family: Helvetica, sans-serif, 'Open Sans';
    font-size: x-large;
    font-weight: bold;
    font-style: normal;
    color: #CC6600;
    text-align: justify;
 
    font-variant: small-caps;
    text-transform: capitalize;
}

.visionworldWelcome2
{
    font-family: Helvetica, sans-serif, 'Open Sans';
   text-align:justify;
   padding-right:15px;
}


.locationicon
{
    background-image: url('../SwrashtraImg/largelocation.png');
    background-position: left center;
    background-repeat: no-repeat;
    width: 100px;
    height: 110px;
}
.rightPadding10
{
    padding-right:15px;
    }
    
.cetp
{
    background-image: url('../image/CETP.jpg');
    height:500px;
    vertical-align:top;
    text-align:center;
}
.bgWhite
{
    text-align: center;
}