.plusminusq1 {
cursor: pointer;
}
.cursor1 {
cursor: pointer;
}
.reloadpanel1 {
	display:none;
	position:absolute;
	width:100vw;
	height:1000px;
	z-index:110;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	top: 14px;
	color: #304ddb;
	font-family: "Roboto", sans-serif;
	font-size: 26px;
	height: 40px;
	font-weight: 500;
	text-align: center;	
}

.editfields1 {
	color: #304ddb;	
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.clearall,.clearpanels,.clearsystems,.clearinverters,.clearaccess {
	letter-spacing: 1px;
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
	padding-top: 0px;
	font-size: 12px;
	font-colour: black;
	width: 250px;
}
.backtotop1{
	letter-spacing: 1px;
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
	padding-top: 0px;
	font-size: 12px;
	font-colour: black;
	font-weight: bold;
}
#sectionheadoptional, #sectionheadbatteries, #sectionheadaccessories, #sectionheadarray {
	color: black;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	height: 40px;
	font-weight: 500;
}

hr.solid {
	padding-top: 25px;
	border: 0px;
	border-bottom: 1px solid #000;
}
hr.solid {
	padding-top: 0px;
	border: 0px;
	border-bottom: 1px solid #000;
}
LgCheckbox {
	height: 16px;
	width: 16px;
}
LgRadio {
	height: 18px;
	width:18px;
}
.text12 {
padding-left: 4px;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.right {
text-align: right;
}
.helpfont1 {
	font-size: 14px;
	color: #304ddb;
	font-weight: bold;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	height: 40px;
	font-weight: 500;
}
.helpfont2 {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.helpfont3 {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: center;

}


.closehelp {
	letter-spacing: 1px;
	text-align: right;
	font-size: 12px;
	font-colour: black;
	font-weight: 500;
}

.text14 {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;

}
.font12 {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
	colour: grey;
	
}
.font12b {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
}

.addmore {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #595959;
	font-style: italic;
	
}
.leftq {
text-align: left;
align: left;
}
.textarrayr {
	height: 20px;
	padding: 2px 4px;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: grey;
}





.labelsysarray {
width: 100%;
font-size: 20px;
color: #fff;
font-weight: bold;
background-color: #32c3e2;
height: 34px;
vertical-align: middle;
}
.label2c {
width: 150px;
font-size: 14px;
font-weight: bold;
background-color: #32c3e2;
align: center;
height: 28px;
color: #fff; 
vertical-align: middle;
text-align: center;
}
.width100 {
width: 100%;
}
.width345 {
width: 345px;
}
.top {
vertical-align: top;
}
.body {
font-family: Arial;
color: Black;
font-size: 14px;
background-color: #FFFFFF;
}
.textred1 {
font-size: 12px;
color: #4040ff;
}
.textred2 {
font-size: 14px;
color: #4040ff;
font-weight: bold;
}


.text4 {
font-family: Arial;
font-size: 12px;
padding: 3px 5px 3px 3px;
width: 130px;
}
.text3 {
font-family: Arial;
font-size: 12px;
padding: 3px 5px 3px 3px;
width: 50px;
}
.textback1 {
font-family: Arial;
font-size: 14px;
background-color:#cbf2f9;
padding: 3px 3px;
}
.center12 {
text-align: center;
font-size: 12px;
}
.centerb {
text-align: center;
font-weight: bold;
}
left {
align: left;
}
right {
text-align: right;
}
.bold {
font-weight: bold;
}

.bold3 {
font-weight: bold;
font-size: 12px;
color: black;
}
.tabledisplaytop {
border: 0px none;
align: left;
border-collapse: collapse;
}

panelnums {
vertical-align: middle;
text-align: center;
}
.banner1 {

}
.banner2 {
background-image:  url(../pics/borderbanner.jpg);
}


.help2 {
float: right;
vertical-align: middle;
cursor: pointer;
}
.font10 {
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	font-weight: 400;

}
.font14 {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
}


.textdisc1 {
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	font-weight: 400;
	text-align: justify;
}

.tabledisplayq {

}
 .pad15 {
 padding-top: 15px;
 }
 .padleft5 {
 padding-left: 5px;
 }






.gototable1 {
 width: 350px;
 height: 100px;
 background-color: #FFFFFF;
 text-align: center;
 padding: 0px;
border-collapse: collapse;
border: 0px none;

}
.gototable2 {
 width: 300px;
 height: 110px;
 background-color: #FFFFFF;
 text-align: center;
 padding: 0px;
border-collapse: collapse;
border: 0px none;

}



.label0 {
width: 160px;
font-size: 20px;
color: #fff;
font-weight: bold;
text-indent: 5px;
height: 34px;
vertical-align: middle;

}

.labelrh {
width: 160px;
font-size: 14px;
font-weight: bold;
background-color: #32c3e2;
height: 28px;
padding-left: 5px; 
color: #fff; 
vertical-align: middle;
}

.labelq1 {
font-size: 12px;
background-color: #cbf2f9;
width: 105px;
height: 28px;
text-align: left;
vertical-align: middle;
padding: 3px 5px 3px 3px;
}

.labelq1c {
font-size: 14px;
font-weight: bold;
background-color:#32c3e2;
color: #fff;
width: 155px;
height: 28px;
text-align: left;
vertical-align: middle;
padding: 3px 5px 3px 3px;
border-color: #0033CC;
}
.labelq0 {
font-size: 12px;
background-color: #cbf2f9;
width: 55px;
height: 28px;
text-align: center;
vertical-align: middle;
padding: 3px 5px 3px 3px;
}




.labelq2b {
width: 160px;
font-size: 14px;
font-weight: bold;
background-color: #32c3e2;
height: 28px;
color: #fff; 
vertical-align: middle;
padding: 2px 5px 2px 2px;
border: 2px solid white;

}


.labelqred {
font-size: 12px;
background-color: #ffffff;
padding: 6px 6px 6px 6px;
vertical-align: middle;
border: 2px solid #4040ff;

}

.labela3 {
font-size: 14px;
font-weight: bold;
background-color: #cbf2f9;
width: 30px;
height: 25px;
text-align: right;
vertical-align: middle;
padding: 2px 5px 2px 2px;
border: 2px solid white;
}
.labela4 {
font-size: 14px;
font-weight: bold;
background-color: #cbf2f9;
width: 80px;
height: 25px;
text-align: right;
vertical-align: middle;
padding: 2px 5px 2px 2px;
border: 2px solid white;

}

.col1 {
width: 160px;
}

   .btncenter1 {
cursor: pointer;
  display: block;
  width: 200px;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  border: 0px solid transparent;
  border-radius: 0px;
  color: #fff;
  background-color: #2d84c6;
  border-color: #2d84c6;
  /*!width: 100%;*/
  height: 34px;
  align-items:center;
  }

 .btnright {
cursor: pointer;
  float: right;
  display: block;
  width: 120px;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 0px solid transparent;
  border-radius: 0px;
  color: #fff;
  background-color: #2d84c6;
  border-color: #2d84c6;
  /*!width: 100%;*/
  height: 34px;
  align: center
  }

  .btnhelpclose {
cursor: pointer;
  float: right;
  display: block;
  width: 60px;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 0px solid transparent;  border-radius: 0px;
  color: #fff;
  background-color: #2d84c6;
  border-color: #2d84c6;
  height: 24px;
  align: center
  }
    .btngotoclose {
cursor: pointer;
  display: block;
  width: 80px;
  padding: 6px 6px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 0px solid transparent;  border-radius: 0px;
  color: #fff;
  background-color: #71c166;
  border-color: #71c166;
  height: 24px;
  align: center
  }

  .btnarrayclose {
  float: left;
  cursor: pointer;
  display: block;
  width: 80px;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 0px solid transparent;  border-radius: 0px;
  color: #fff;
  background-color: #2d84c6;
  border-color: #2d84c6;
  height: 24px;
  align: center
  }  


.dropdown2 {
width: 320px;
font-size: 12px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
text-indent: 5px;  
align: center; 
}
.dropdown3 {
width: 75px;
font-size: 12px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
text-indent: 5px; 
align: center;  
}
.dropdown5 {
width: 250px;
font-size: 12px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
text-indent: 5px;  
}

.rowspace0 {
line-height: 0px;
}
.rowspace1 {
line-height: 5px;
}
.rowspace2 {
line-height: 12px;
}
.rowspace4 {
line-height: 2px;
}
.rowspace3 {
line-height: 24px;
}
.textfield1 {
  width: 250px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}

.textfield1b {
  width: 310px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}
.textfield1c {
  width: 150px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}
.textfield2 {
  width: 75px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  text-align: center;
  background-color: #fff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}
.textfield0 {
  width: 40px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}

.textquote {
  width: 40px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  align: center;
  line-height: 1.42857143;
  color: #404040;
  background-color: #f0f2ff;
  background-image: none;
  border: 2px solid #4040ff;
  border-radius: 0px;
}
.textquote2 {
  width: 60px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  align: center;
  line-height: 1.42857143;
  color: #404040;
  background-color: #f0f2ff;
  background-image: none;
  border: 2px solid #4040ff;
  border-radius: 0px;
}
.textfield3 {
  width: 100px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}
.textfield4 {
  width: 470px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}
.textfield5 {
  width: 200px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}
.tablearray {
	margin: auto;
	padding: 0px;
	border-collapse: collapse;
	border: 0px none;	
	}


 /*login */
 .container {
  width: 350px;
  height: 300px;
  position: relative;
  border: 3px;
  border-color: #192537;
  align: center;
}
.center {
  left: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}	
.form-control {
  display: block;
  width: 200px;
  height: 24px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  align: center
}
.form-group {
  margin-bottom: 15px;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  align: center
}  
 .btn {
  display: block;
  width: 140px;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  border: 0px solid transparent;
  border-radius: 0px;
  color: #fff;
  background-color: #2d84c6;
  border-color: #2d84c6;
  /*!width: 100%;*/
  height: 34px;
  align: center
}
.enteremail {
  width: 170px;
  height: 28px;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #404040;
  border-radius: 0px;
}
.displayleft1 {
font-size: 30px;
color: #2d84c6;
font-weight: bold;
text-align: center;
height: 20px;
vertical-align: top;
}
.displayleft2  {
font-size: 16px;
font-weight: bold;
height: 100%;
text-align: center;
vertical-align: middle;
transform: rotate(-90deg);
white-space: nowrap;
max-width: 30px;
}
.displayleft3 {
font-size: 30px;
color: #2d84c6;
font-weight: bold;
text-align: center;
height: 20px;
vertical-align: bottom;
}
.displaytop {
width: 100%;
height: 30px;
}
.displaytop1{
font-size: 30px;
color: #2d84c6;
font-weight: bold;
text-align: left;
vertical-align: top;
width: 20px;
}
.displaytop2 {
font-size: 16px;
font-weight: bold;
text-align: center;
vertical-align: middle;
width: 100%;
}.displaytop3 {
font-size: 30px;
color: #2d84c6;
font-weight: bold;
text-align: right;
vertical-align: top;
width: 20px;
}
rotate1 {
transform: rotate(-90deg);
}
.tablequotecost {
vertical-align: top;
border-collapse: collapse;
}
.quotecostspace {
width: 122px;
font-size: 12px;
padding: 0px 0px 0px 20px;
}
.indent1 {
text-indent: 8px;
font-size: 12px;

}