/*----- gform -------*/
.form-group{
	margin-bottom: 30px;
}
.actionfield .FormItem-action { width: 75%;}
.gform_body label { color: #000; font-size: 18px; font-weight: 500; text-transform: none; line-height: 32px; }
.actionfield .FormItem-action { background: #fe6844!important; color: #fff!important; border: 1px solid #fe6844; display: block; padding: 16px 0; width: 100%; border-radius: 40px!important; font-size: 21px; font-weight: 400; } 
.zipcode .ginput_container_text .small { 
background: #f5f5f5; 
margin-top: 10px; 
border-radius: 20px; 
width: 280px; 
text-align: center;
border: 1px solid #cccccc; 
font-weight: 400;
height: 45px;
font-size: 16px;
padding:0 15px;
}
/*-------- range ------------*/
.range-bar { position: relative; background: url(https://thenewutility.com/wp-content/uploads/2019/08/bar.svg) repeat-x; position: relative; z-index: 1; padding: 18px 0; margin: 20px 0; margin-left: 20px; margin-right: 30px; }
.range-bar .progress-bar { background: #aec335; height: 20px; /* margin-top: -35px; */ border-radius: 10px; }
.range-bar span.thumb { height: 73px; width: 105px; background: #fc3; top: 0; cursor: -webkit-grab; border: none; background: url(https://thenewutility.com/wp-content/uploads/2019/08/thumb-hand.png) no-repeat; display: block; color: #fff; padding-top: 20px; text-align: center; font-size: 20px; font-family: "Open Sans", sans-serif; top: -6px; }
.range-bar #ranger-val { width: 100%; height: 0px; -webkit-appearance: none; border-radius: 10px; position: relative; z-index: 99; padding: 0px 20px; border: none; }
.range-bar input[type=range] { -webkit-appearance: none; width: 100%; background: none; }
.range-bar input[type="range"]:focus { outline: none; }
.range-bar input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border-color: transparent; }
.range-bar input[type="range"]::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }
.range-bar input[type=range]::-moz-range-track { background-color: transparent; border: none; }
.range-bar input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 63px; width: 120px; background: transparent; border-radius: 50px; cursor: -webkit-grab; border: none; }
.range-bar .progress-bar span.thumb { position: absolute; z-index: 1 }
#calculator-form .webform-component--electric-bill { display: none; }
.range-bar .progress { background: #dadada; border-radius: 20px; }
.page-id-5638 .solar-main-bg { padding-bottom: 10px; margin-bottom: 20px; }
.zipmessage { max-width: 600px; }
.zipmessage p { color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; position: relative; padding: 12px 30px; border-radius: 10px; }

.zip-error-message #zip-error { color: #dc3545; font-size: 14px; }
.page-id-5645 .clcu-wrap h1#monthly-price { color: #aec442; font-size: 47px; font-weight: 500; margin-bottom: 0; }
.page-id-5645 .clcu-wrap h1#monthly-price + p { color: #aec442; font-size: 18px; text-align: right; margin-right: 9%; margin-top: 0; }

/*-------- Error -----*/
.gform_wrapper .validation_error { background: #ffd3d3; font-size: 12px; padding: 8px; text-align: center; border-radius: 30px; }
.gform_wrapper .gfield_description.validation_message { font-size: 12px; background: #ffd3d3; border-radius: 4px; padding: 5px 10px; margin-top: 8px; margin: 8px 8px 0; }
.gform_wrapper .gfield_description.validation_message:before { content: ''; display: block; clear: both; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffd3d3 transparent; margin-top: -12px; }
/*.main-content .FormItem--stacked .ginput_container, .main-content .FormItem--stacked .gfield_description, .main-content .FormItem--stacked .description { padding-left: 20px; }*/
.page-id-5564 .main-content .FormItem--stacked .description {padding-left: 19px;}
.page-id-5564 .main-content .FormItem--stacked .ginput_container {padding-left: 19px;}

#solar-loader .inner { position: fixed; background: #fff; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
#solar-loader .inner { display: flex; justify-content: center; flex-direction: column; text-align: center; }