form .toggle-btn-group{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:0;font-size:10px;width:100%}
form .toggle-btn-group input[type=checkbox],
form .toggle-btn-group input[type=radio]{display:none}
form .toggle-btn-group label.long-text{min-width:45%}
form .toggle-btn-group input[type=checkbox]+label,
form .toggle-btn-group input[type=radio]+label{display:inline-block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1;font-size:1.5em;padding:13px 0;line-height:15px;margin-left:1px;text-align:center;cursor:pointer;color:#000;background-color:#e6e6e6;background-image:-moz-linear-gradient(top, #f2f2f2, #d5d5d5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#d5d5d5));background-image:-webkit-linear-gradient(top, #f2f2f2, #d5d5d5);background-image:-o-linear-gradient(top, #f2f2f2, #d5d5d5);background-image:linear-gradient(to bottom, #f2f2f2, #d5d5d5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffd5d5d5', GradientType=0)}
form .toggle-btn-group input[type=checkbox]:checked+label,
form .toggle-btn-group input[type=radio]:checked+label{font-weight:500;background-color:#374991;background-image:-moz-linear-gradient(top, #374991, #133B8C);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#374991), to(#133B8C));background-image:-webkit-linear-gradient(top, #374991, #133B8C);background-image:-o-linear-gradient(top, #374991, #133B8C);background-image:linear-gradient(to bottom, #374991, #133B8C);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff374991', endColorstr='#ff133B8C', GradientType=0) background:#3da1d7 url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/core/bg-btn2.png) repeat-x 0 center;cursor:default;color:#fff}
form .toggle-btn-group label:first-of-type{-webkit-border-radius:15px 0 0 15px;-moz-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px}
form .toggle-btn-group label:last-of-type{-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0}
form .toggle-btn-group label:first-of-type:last-of-type{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
form .toggle-btn-group.for-mob{display:none}
form .toggle-btn-group.packed{margin-bottom:10px !important;}
form .toggle-btn-group.g1{margin-top:10px}
form .toggle-btn-group.g1 input[type=checkbox]+label:last-of-type,
form .toggle-btn-group.g1 input[type=radio]+label:last-of-type{border:1px solid #c6c6c6}
form .toggle-btn-group.single label{-webkit-border-radius:15px!important;-moz-border-radius:15px!important;border-radius:15px!important}
form input[name=address]{width:100%;display:block;margin-bottom:7px !important;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
form .btn-group{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-bottom:5px !important;}
form .btn-group input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1;max-width:49%;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
form .btn-group input:first-of-type{margin-right:8px}
form .btn-group.tribox{margin-top:2px}
form .btn-group.tribox input{max-width:32.6%;margin:0}
form .btn-group.tribox input:nth-child(2){margin:0 4px}
form .btn-group.single{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
form .btn-group.single input{width:100%;max-width:100%;min-height:45px}
@media only screen and (max-width: 480px) {
form .btn-group{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
form .btn-group input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1;max-width:100%}
form .btn-group input:first-of-type{margin-right:0}
form .btn-group input:last-of-type{margin-left:0}
form .toggle-btn-group{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
form .toggle-btn-group label{font-size:1.5em;width:100%;display:block!important}
form .toggle-btn-group input[type=radio]+label:first-of-type{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;border-bottom:0}
form .toggle-btn-group input[type=radio]+label:last-of-type{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;border-left:1px solid #c6c6c6}
}
form input[type=email],
form input[type=number],
form input[type=tel],
form input[type=text],
select, textarea{background-color:#fff !important;}
form input[type=email],
form input[type=number],
form input[type=tel],
form input[type=text]{padding:10px 10px 10px 35px;color:#121212;}
form input[type=email][name=lastName],
form input[type=number][name=lastName],
form input[type=tel][name=lastName],
form input[type=text][name=lastName]{padding-left:10px!important}
form input[type=email][name=firstName],
form input[type=number][name=firstName],
form input[type=tel][name=firstName],
form input[type=text][name=firstName]{background:white url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/icons/input_sprite_18x164.svg) 10px 10px no-repeat}
form input[type=email][name=phone],
form input[type=number][name=phone],
form input[type=tel][name=phone],
form input[type=text][name=phone]{background:white url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/icons/input_sprite_18x164.svg) 10px -24px no-repeat}
form input[type=email][name=mobile],
form input[type=number][name=mobile],
form input[type=tel][name=mobile],
form input[type=text][name=mobile]{background:white url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/icons/input_sprite_18x164.svg) 10px -57px no-repeat}
form input[type=email][name=email],
form input[type=number][name=email],
form input[type=tel][name=email],
form input[type=text][name=email]{background:white url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/icons/input_sprite_18x164.svg) 10px -91px no-repeat}
form input[type=email][name=address],
form input[type=number][name=address],
form input[type=tel][name=address],
form input[type=text][name=address]{background:white url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/icons/input_sprite_18x164.svg) 10px -123px no-repeat}
form input[type=email][name=companyName],
form input[type=number][name=companyName],
form input[type=tel][name=companyName],
form input[type=text][name=companyName]{background:white url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/icons/input_sprite_18x164.svg) 10px -158px no-repeat}
.form-validation-error{position:absolute;border:1px solid #dcdcdc;background-color:white;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:20;font-size:1em;padding:5px 5px 5px 30px;-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.15);box-shadow:0 5px 5px rgba(0, 0, 0, 0.15)}
.form-validation-error:after{position:absolute;left:10px;top:10px;color:white;font-family:sans-serif;content:'!';padding:5px;background-color:#f8aa35}
.form-validation-error.form-validation-required:before{font-size:1.1em;content:'Required Field';display:block}
.btn-3-leads{cursor:pointer;border:0;display:block;width:100%;margin:10px auto;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ef820e url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/core/bg-btn.png) repeat-x 0 center;text-decoration:none;text-align:center;color:#fff!important;font-size:18px;font-weight:500;min-height:50px;line-height:30px}
body .page-section-inner{max-width:1000px!important}
.page-section-inner{padding:0 0.5em}
.solarCalculator{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;font-size:1.2em;line-height:25px;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.solarCalculator *{position:relative;}
.solarCalculator .solarcalculator-options{padding-right:10px}
.solarCalculator .solarcalculator-results{background-color:rgba(245, 245, 245, 0.65);padding:15px 0 15px 10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.solarCalculator .solarcalculator-results #savingsGraph{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;padding:0 15px}
.solarCalculator .solarcalculator-results #calcResults{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;padding:10px 25px}
.solarCalculator .solarcalculator-results #calcResults fieldset{min-height:200px}
.solarCalculator .detailMode{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:95%;margin-bottom:1em !important;}
.solarCalculator .detailMode > label{margin-right:20px}
.solarCalculator .toggle-btn-group label{display:inline-block;font-size:0.8em;line-height:0.9em;padding:10px;margin-bottom:0px;}
.solarCalculator .select-fields .solar-d{width:95%}
.solarCalculator fieldset{border:none;padding:1em 0}
.solarCalculator fieldset LEGEND{border-bottom:1px solid #2093D1;width:100%}
.solarCalculator fieldset > div{padding:3px 0px;overflow:visible}
.solarCalculator fieldset > div label{width:100px}
.solarCalculator fieldset > div input[type=text]{border:1px solid #ccc;padding:2px;outline:none}
.solarCalculator fieldset > div input[type=text][name=postcode]{font-size:16px;width:70px;text-align:center}
.solarCalculator fieldset > div input[type=text][name=billInflation],
.solarCalculator fieldset > div input[type=text][name=lastBillAmount],
.solarCalculator fieldset > div input[type=text][name=systemDegradation],
.solarCalculator fieldset > div input[type=text][name=systemPrice]{width:60px;text-align:center}
.solarCalculator fieldset > div select{width:170px}
.solarCalculator fieldset > div select[name=retailer]{width:180px}
.solarCalculator fieldset > div select[name=billingPeriod]{width:115px}
.solarCalculator fieldset > div.advancedMode{-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;-o-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;opacity:0;height:0}
.solarCalculator fieldset > div.retailerPrices label{width:70px;margin-right:5px}
.solarCalculator fieldset > div.retailerPrices input{width:35px;text-align:center}
.solarCalculator fieldset > div.retailerPrices input[name=retailerPrice]{margin-right:5px}
.solarCalculator fieldset > div.powerUsage label, .solarCalculator fieldset > div.feedinPercentage label{display:block;width:auto;}
.solarCalculator fieldset > div.powerUsage .info-tooltip{margin-left:0.5em}
.solarCalculator fieldset > div .roofPitch .pitch .preview{height:110px;background:transparent url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/icons/sun_corner.png) top left no-repeat;}
.solarCalculator fieldset > div .roofPitch .pitch .preview span{position:absolute;bottom:2px;right:5px;width:75px;background:#888;height:7px;border:1px solid #bbb;-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%}
.solarCalculator fieldset > div .roofPitch .pitch .pitch-control input[type=range]{width:100%}
.solarCalculator fieldset > div .roofPitch .pitch .pitch-control OUTPUT{display:block;width:100%;text-align:center;font-size:0.7em;line-height:0.9em}
.solarCalculator fieldset > div .systemDegredation{line-height:14px}
.solarCalculator fieldset > div .systemDegredation label.field-label{width:130px!important}
.solarCalculator fieldset .systemOrientation{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.solarCalculator fieldset .systemOrientation .roofOrientation,
.solarCalculator fieldset .systemOrientation .roofPitch{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1}
.solarCalculator fieldset .systemOrientation .roofOrientation{margin-right:2%}
.solarCalculator fieldset .systemOrientation .roofOrientation .info-tooltip-msg{right:-150px}
.solarCalculator fieldset .systemOrientation .roofOrientation .info-tooltip-msg:before{right:155px}
.solarCalculator fieldset .lookupGoogleMaps{background-color:#FFFFcc;border:1px solid #FFFF00;padding:5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;clear:both;float:left;width:100%;font-size:11px;line-height:12px;cursor:pointer}
.solarCalculator fieldset .lookupGoogleMaps:hover{text-decoration:underline}
.solarCalculator fieldset.yourDetails label.field-label:first-child{width:100px}
.solarCalculator fieldset.yourDetails label.field-label.field-label-inline{white-space:nowrap;width:auto}
.solarCalculator fieldset.yourDetails select{font-size:0.8em}
.solarCalculator fieldset.yourDetails SMALL{font-size:0.7em;margin:0 0.2em}
.solarCalculator fieldset label.field-label{font-size:0.8em}
.solarCalculator .orientation{overflow:hidden}
.solarCalculator .orientation .orientation-preview{height:110px;position:relative;}
.solarCalculator .orientation .orientation-preview .E,
.solarCalculator .orientation .orientation-preview .ENE,
.solarCalculator .orientation .orientation-preview .ESE,
.solarCalculator .orientation .orientation-preview .NW,
.solarCalculator .orientation .orientation-preview .N,
.solarCalculator .orientation .orientation-preview .NE,
.solarCalculator .orientation .orientation-preview .NNE,
.solarCalculator .orientation .orientation-preview .NNW,
.solarCalculator .orientation .orientation-preview .S,
.solarCalculator .orientation .orientation-preview .SE,
.solarCalculator .orientation .orientation-preview .SSE,
.solarCalculator .orientation .orientation-preview .SSW,
.solarCalculator .orientation .orientation-preview .SW,
.solarCalculator .orientation .orientation-preview .W,
.solarCalculator .orientation .orientation-preview .WNW,
.solarCalculator .orientation .orientation-preview .WSW{position:absolute;font-size:11px;line-height:11px}
.solarCalculator .orientation .orientation-preview .NW{top:12.5%;left:12.5%;display:none}
.solarCalculator .orientation .orientation-preview .NNW{top:0px;left:25%;margin-left:-5px;display:none}
.solarCalculator .orientation .orientation-preview .N{top:0px;left:50%;margin-left:-4px;display:none}
.solarCalculator .orientation .orientation-preview .NNE{top:0px;right:25%;margin-right:-2px;display:none}
.solarCalculator .orientation .orientation-preview .ENE{top:25%;right:0px;margin-top:6px;display:none}
.solarCalculator .orientation .orientation-preview .NE{top:12.5%;right:12.5%;display:none}
.solarCalculator .orientation .orientation-preview .E{right:10px;top:50%;margin-top:-5px;display:none}
.solarCalculator .orientation .orientation-preview .ESE{bottom:25%;right:0px;margin-top:0px;display:none}
.solarCalculator .orientation .orientation-preview .SE{bottom:12.5%;right:12.5%;display:none}
.solarCalculator .orientation .orientation-preview .SSE{bottom:0px;right:25%;margin-right:-5px;display:none}
.solarCalculator .orientation .orientation-preview .S{bottom:0px;left:50%;margin-left:-3px;display:none}
.solarCalculator .orientation .orientation-preview .SSW{bottom:0px;left:25%;margin-left:-5px;display:none}
.solarCalculator .orientation .orientation-preview .SW{bottom:12.5%;left:12.5%;display:none}
.solarCalculator .orientation .orientation-preview .WSW{bottom:25%;left:0px;margin-top:-5px;display:none}
.solarCalculator .orientation .orientation-preview .W{left:10px;top:50%;margin-top:-5px;display:none}
.solarCalculator .orientation .orientation-preview .WNW{top:25%;left:0px;margin-top:-5px;display:none}
.solarCalculator .orientation .orientation-preview .house{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;width:100px;height:100px}
.solarCalculator .orientation .orientation-preview .house:before{content:' ';position:absolute;top:2px;left:2px;background:url(//reenetsolar.com.au/wp-content/plugins/solar-savings-calculator/images/icons/house_roof.png) center center no-repeat;width:92px;height:92px}
.solarCalculator .orientation .orientation-control input[type=range]{width:100%}
.solarCalculator .orientation .orientation-control OUTPUT{font-size:0.7em;line-height:0.9em;display:block;width:100%;text-align:center}
.solarCalculator .orientation input[value=E]~.E,
.solarCalculator .orientation input[value=ENE]~.ENE,
.solarCalculator .orientation input[value=ESE]~.ESE,
.solarCalculator .orientation input[value=N]~.N,
.solarCalculator .orientation input[value=NE]~.NE,
.solarCalculator .orientation input[value=NNE]~.NNE,
.solarCalculator .orientation input[value=NNW]~.NNW,
.solarCalculator .orientation input[value=NW]~.NW,
.solarCalculator .orientation input[value=S]~.S,
.solarCalculator .orientation input[value=SE]~.SE,
.solarCalculator .orientation input[value=SSE]~.SSE,
.solarCalculator .orientation input[value=SSW]~.SSW,
.solarCalculator .orientation input[value=SW]~.SW,
.solarCalculator .orientation input[value=W]~.W,
.solarCalculator .orientation input[value=WNW]~.WNW,
.solarCalculator .orientation input[value=WSW]~.WSW{display:block}
.solarCalculator .orientation input[value=N]~.house{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.solarCalculator .orientation input[value=NNE]~.house{-webkit-transform:rotate(22.5deg);-ms-transform:rotate(22.5deg);transform:rotate(22.5deg)}
.solarCalculator .orientation input[value=NE]~.house{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.solarCalculator .orientation input[value=ENE]~.house{-webkit-transform:rotate(67.5deg);-ms-transform:rotate(67.5deg);transform:rotate(67.5deg)}
.solarCalculator .orientation input[value=E]~.house{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.solarCalculator .orientation input[value=ESE]~.house{-webkit-transform:rotate(112.5deg);-ms-transform:rotate(112.5deg);transform:rotate(112.5deg)}
.solarCalculator .orientation input[value=SE]~.house{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.solarCalculator .orientation input[value=SSE]~.house{-webkit-transform:rotate(157.5deg);-ms-transform:rotate(157.5deg);transform:rotate(157.5deg)}
.solarCalculator .orientation input[value=S]~.house{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.solarCalculator .orientation input[value=SSW]~.house{-webkit-transform:rotate(202.5deg);-ms-transform:rotate(202.5deg);transform:rotate(202.5deg)}
.solarCalculator .orientation input[value=SW]~.house{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}
.solarCalculator .orientation input[value=WSW]~.house{-webkit-transform:rotate(247.5deg);-ms-transform:rotate(247.5deg);transform:rotate(247.5deg)}
.solarCalculator .orientation input[value=W]~.house{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.solarCalculator .orientation input[value=WNW]~.house{-webkit-transform:rotate(292.5deg);-ms-transform:rotate(292.5deg);transform:rotate(292.5deg)}
.solarCalculator .orientation input[value=NW]~.house{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}
.solarCalculator .orientation input[value=NNW]~.house{-webkit-transform:rotate(337.5deg);-ms-transform:rotate(337.5deg);transform:rotate(337.5deg)}
.solarCalculator #savingsGraph{height:300px;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.solarCalculator #savingsGraph .graph-title{margin:0;padding:0;text-align:center;font-size:1.3em}
.solarCalculator #savingsGraph .graph-container{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1}
.solarCalculator #savingsGraph .status{display:none;background-color:black;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;top:50%;left:50%;width:200px;height:40px;margin-left:-100px;margin-top:-20px;padding:5px 10px;text-align:center;color:white;font-size:20px;font-weight:bold;opacity:30;filter:alpha(opacity=30)}
.solarCalculator #savingsGraph .graphBody{position:absolute;top:20px;left:40px;bottom:20px;right:20px;overflow:hidden;background-color:white;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.solarCalculator #savingsGraph .graphBody .bar{float:left;width:4%;height:100%;border:1px solid white}
.solarCalculator #savingsGraph .graphBody .bar div{position:absolute;bottom:0px;left:0px;right:0px;height:0%;-webkit-transition:height 0.5s ease-out;-moz-transition:height 0.5s ease-out;-o-transition:height 0.5s ease-out;transition:height 0.5s ease-out;-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}
.solarCalculator #savingsGraph .graphBody .bar div:first-child{background-color:#f5f5f5;background-image:-moz-linear-gradient(left, #d5d5d5, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#d5d5d5), to(#f5f5f5));background-image:-webkit-linear-gradient(left, #d5d5d5, #f5f5f5);background-image:-o-linear-gradient(left, #d5d5d5, #f5f5f5);background-image:-webkit-gradient(linear, left top, right top, from(#d5d5d5), to(#f5f5f5));background-image:linear-gradient(to right, #d5d5d5, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd5d5d5', endColorstr='#fff5f5f5', GradientType=1)}
.solarCalculator #savingsGraph .graphBody .bar div:nth-child(2){background-color:#344785;background-image:-moz-linear-gradient(left, #00283e, #344785);background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#00283e), to(#344785));background-image:-webkit-linear-gradient(left, #00283e, #344785);background-image:-o-linear-gradient(left, #00283e, #344785);background-image:-webkit-gradient(linear, left top, right top, from(#00283e), to(#344785));background-image:linear-gradient(to right, #00283e, #344785);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00283e', endColorstr='#ff344785', GradientType=1)}
.solarCalculator #savingsGraph .graphBody .bar div:hover{border:1px solid black;z-index:100;border-bottom:none}
.solarCalculator #savingsGraph .graphBody .bar div:hover:before{content:' ';overflow:hidden;height:1px;width:600px;position:absolute;top:0px;right:100%;background-color:#ccc}
.solarCalculator #savingsGraph .graphBody .bar div:hover:after{content:attr(title);position:absolute;bottom:100%;margin-bottom:10px !important;padding:2px 5px;white-space:nowrap;background-color:rgba(0, 0, 0, 0.8);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:100;font-size:11px;color:white;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3)}
.solarCalculator #savingsGraph .graphBody .bar:nth-child(-n+9) div:hover:after{left:0px}
.solarCalculator #savingsGraph .graphBody .bar:nth-child(n+10) div:hover:after{right:0px}
.solarCalculator #savingsGraph .legend{position:absolute;top:25px;left:45px;font-size:10px;line-height:12px}
.solarCalculator #savingsGraph .legend div{vertical-align:top}
.solarCalculator #savingsGraph .legend div:before{content:' ';display:inline-block;width:10px;height:10px;border:1px solid #ccc;margin-right:5px}
.solarCalculator #savingsGraph .legend div:first-child:before{background-color:#f5f5f5;background-image:-moz-linear-gradient(left, #d5d5d5, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#d5d5d5), to(#f5f5f5));background-image:-webkit-linear-gradient(left, #d5d5d5, #f5f5f5);background-image:-o-linear-gradient(left, #d5d5d5, #f5f5f5);background-image:-webkit-gradient(linear, left top, right top, from(#d5d5d5), to(#f5f5f5));background-image:linear-gradient(to right, #d5d5d5, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd5d5d5', endColorstr='#fff5f5f5', GradientType=1)}
.solarCalculator #savingsGraph .legend div:last-child:before{background-color:#344785;background-image:-moz-linear-gradient(left, #00283e, #344785);background-image:-webkit-gradient(linear, 0 0, 100% 0, from(#00283e), to(#344785));background-image:-webkit-linear-gradient(left, #00283e, #344785);background-image:-o-linear-gradient(left, #00283e, #344785);background-image:-webkit-gradient(linear, left top, right top, from(#00283e), to(#344785));background-image:linear-gradient(to right, #00283e, #344785);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00283e', endColorstr='#ff344785', GradientType=1)}
.solarCalculator #savingsGraph .graphXAxis{position:absolute;bottom:0px;left:40px;right:20px;font-size:10px;line-height:10px;height:20px}
.solarCalculator #savingsGraph .graphXAxis SPAN{float:left;width:4%;font-size:10px;text-align:center;border:1px solid transparent}
.solarCalculator #savingsGraph .graphXAxis:after{content:'Years';position:absolute;bottom:0px;font-weight:bold;left:50%;margin-left:-25px;width:50px;top:20px;}
.solarCalculator #savingsGraph .graphYAxis{position:absolute;bottom:20px;top:20px;left:0px;width:40px;font-size:10px;line-height:10px}
.solarCalculator #savingsGraph .graphYAxis SPAN{position:absolute;left:0px;right:0px;text-align:right}
.solarCalculator #savingsGraph .graphYAxis SPAN:before{content:'$'}
.solarCalculator #savingsGraph .graphYAxis SPAN:after{content:'-';color:#ccc}
.solarCalculator #savingsGraph .graphYAxis SPAN:first-child{top:0;margin-top:-5px}
.solarCalculator #savingsGraph .graphYAxis SPAN:nth-child(2){top:25%;margin-top:-5px}
.solarCalculator #savingsGraph .graphYAxis SPAN:nth-child(3){top:50%;margin-top:-5px}
.solarCalculator #savingsGraph .graphYAxis SPAN:nth-child(4){top:75%;margin-top:-5px}
.solarCalculator #savingsGraph .graphYAxis SPAN:nth-child(5){top:100%;margin-top:-5px}
.solarCalculator #calcResults{margin-top:1em;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.solarCalculator #calcResults .results-section{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1}
.solarCalculator #calcResults fieldset label{width:180px}
.solarCalculator #calcResults .calcYears .toggle-btn-group label{width:auto;padding:4px 6px}
.solarCalculator #calcResults .calcYears .toggle-btn-group label:after{content:'yrs';margin-left:4px}
.solarCalculator #calcResults .calcYears .toggle-btn-group label:first-of-type{-webkit-border-radius:4px 0px 0px 4px;-moz-border-radius:4px 0px 0px 4px;border-radius:4px 0px 0px 4px}
.solarCalculator #calcResults .calcYears .toggle-btn-group label:last-of-type{-webkit-border-radius:0px 4px 4px 0px;-moz-border-radius:0px 4px 4px 0px;border-radius:0px 4px 4px 0px;border-left:none}
.solarCalculator #calcResults fieldset.systemProduction{position:absolute;top:10px;left:10px}
.solarCalculator #calcResults fieldset > div{padding:4px 0px;margin:4px 0px;line-height:14px;vertical-align:top}
.solarCalculator #calcResults fieldset > div label{display:inline-block;width:170px;vertical-align:top}
.solarCalculator #calcResults fieldset > div label.result-label{font-size:0.8em}
.solarCalculator #calcResults fieldset > div STRONG{vertical-align:top;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:14px;text-align:right;padding:0px 4px}
.solarCalculator #calcResults fieldset > div #savingPriceKWH,
.solarCalculator #calcResults fieldset > div > .paybackPeriod,
.solarCalculator #calcResults fieldset > div > .returnOnInvestment{color:#354988;font-size:14px}
.solarCalculator #calcResults fieldset > div #electricitySavings{color:#354988;font-size:16px}
.solarCalculator.advancedMode .advancedMode{opacity:1;height:auto}
.solarCalculator.advancedMode .simpleMode{opacity:0;height:0}
.solarCalculator .overlay{position:absolute;display:none;z-index:500}
.solarCalculator .overlay.overlayTop{top:0px;left:0px;right:0px;bottom:270px;background:rgba(0, 0, 0, 0.5)}
.solarCalculator .overlay.overlayBottom{height:40px;left:0px;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.5)}
.solarCalculator .overlay.overlayLeft{height:230px;left:0px;width:1px;bottom:40px;background:rgba(0, 0, 0, 0.5)}
.solarCalculator .overlay.overlayRight{height:230px;left:300px;right:0px;bottom:40px;background:rgba(0, 0, 0, 0.5)}
.solarCalculator #googleMapsDlg{display:none;position:absolute;top:20px;right:10px;width:650px;bottom:10px;background-color:white;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:501}
.solarCalculator #googleMapsDlg label{position:absolute;top:10px;left:10px;font-size:12px}
.solarCalculator #googleMapsDlg input[name=lookupAddress]{position:absolute;top:35px;left:10px;right:80px;width:80%;padding:5px 5px;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.solarCalculator #googleMapsDlg .close{position:absolute;top:35px;right:10px;cursor:pointer}
.solarCalculator #googleMapsDlg #googleMap{position:absolute;top:70px;left:10px;right:10px;bottom:10px}
.flex-range{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.5em !important;}
.flex-range .input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1}
.flex-range .input input[type=range]{width:100%}
.flex-range .input output{display:block;width:100%;text-align:center;font-size:0.7em;line-height:0.9em}
.flex-range .max,
.flex-range .min{width:4em;text-align:center;font-size:0.7em}
.flex-range .info-tooltip,
.flex-range .info-tooltip-placeholder{width:1.2em}
.flex-text{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.flex-text .input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1}
.flex-text .info-tooltip,
.flex-text .info-tooltip-placeholder{width:1.2em}
.flex-label{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.flex-label label{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:1;-ms-flex-item-align:1;align-self:1}
.flex-label .info-tooltip,
.flex-label .info-tooltip-placeholder{width:1.2em}
.info-tooltip:before{position:absolute;content:'i';font:bold 0.9em/0.9em serif;font-style:italic;color:#2093D1;padding:0.2em 0.1em 0.1em 0.1em;width:0.9em;height:0.9em;text-align:center}
.info-tooltip:hover:before{color:white;background-color:#2093D1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.info-tooltip .info-tooltip-msg{font-size:14px;display:none;position:absolute;top:100%;margin-top:0.5em;right:0;width:290px;background-color:white;border:1px solid #e0e0e0;border-top:2px solid #3ba9ff;z-index:100;padding:10px;-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.7);-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.7);box-shadow:0 5px 5px rgba(0, 0, 0, 0.7)}
.info-tooltip .info-tooltip-msg LI,
.info-tooltip .info-tooltip-msg P{margin:0;font-size:1em}
.info-tooltip .info-tooltip-msg:before{content:'';position:absolute;bottom:100%;right:3px;width:0;height:0;border-width:0 0.7em 0.7em 0.7em;border-style:solid;border-color:transparent transparent #3ba9ff transparent}
.info-tooltip .info-tooltip-msg TABLE{width:100%}
.info-tooltip:active .info-tooltip-msg,
.info-tooltip:hover .info-tooltip-msg{display:block}
@media only screen and (max-width: 960px) {
body .solarCalculator{-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important;}
body .solarCalculator fieldset,
body .solarCalculator fieldset{padding:0;}
body #calcResults,
body #calcResults{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-webkit-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important;margin-left:0!important}
body #calcResults fieldset,
body #calcResults fieldset{min-height:100px!important}
}
@media only screen and (max-width: 1100px) {
body #savingsGraph,
body #savingsGraph{padding:0!important}
body #calcResults,
body #calcResults{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0!important}
body #calcResults .results-section,
body #calcResults .results-section{width:95%;display:block}
body #calcResults .results-section LEGEND,
body #calcResults .results-section LEGEND{padding-top:15px}
body #calcResults label.result-label,
body #calcResults label.result-label{width:200px}
}
@media only screen and (max-width: 767px) {
.for-sc-page {
position: relative;
top: 0;
right: 0;
margin: 15px auto
}
body,
body {
overflow-x: hidden;
height: 100%
}
body .content-page-title,
body .content-page-title {
font-size: 1.5em;
text-align: center
}
body .solarCalculator,
body .solarCalculator {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
body .solarCalculator .solarcalculator-options,
body .solarCalculator .solarcalculator-options {
width: 100%
}
body #calcResults,
body #calcResults {
margin-left: 0!important
}
body #calcResults fieldset,
body #calcResults fieldset {
min-height: 100px!important
}
body #calcResults fieldset .flex-text .input,
body #calcResults fieldset .flex-text .input {
text-align: right;
white-space: nowrap
}
body #calcResults .calcYears,
body #calcResults .calcYears {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
body #savingsGraph,
body #savingsGraph {
padding: 1em 0
}
body #savingsGraph .graph-title EM,
body #savingsGraph .graph-title EM {
display: block;
line-height: 0.9em
}
body .systemOrientation,
body .systemOrientation {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
body #googleMapsDlg,
body #googleMapsDlg {
position: fixed;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
width: auto;
height: auto
}
}