.electro_selectorresulttable .electro_sliders {
    display: block!important;
/*    grid-template-columns: 28% 70%;*/
    grid-gap: 2%;
}


/* Form Styles */
.electroselector {
	background-color: #fff;
	padding: 32px;
	color:#343848;
	font-size: 18px;
	font-weight:bold;
	text-align: left;
	font-family:montserrat;
}

.electroselector h2{
	text-align: center;
	font-weight: 400;
	color: #343848;
	font-size: 24px;
	padding: 0;
	margin: 0 0 12px 0;
}

.gridcontent{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	width:100%;
	}

.electroselector_page {
	background-color: cornflowerblue;
	padding: 32px;
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
}

#electroselector {text-align: left}

#electroselector > div > fieldset > p {font-size:18px;font-weight:bold;font-family:montserrat;margin-bottom:20px;text-align:center;}
.label-text {
	display: inline-block; /* or block, depending on your layout needs */
	margin-bottom: 20px;
}

/*fieldsets*/
#electroselector div.fieldsets { width: 100%; position: relative; overflow:visible;  -webkit-transition: height 1s; /* Safari prior 6.1 */ transition: height 1s; padding-bottom:30px;}
#electroselector div.fieldsets fieldset { width: 100%; display: none; position: absolute;  border: none; float: left; padding: 10px 10px 10px 10px;}
/*.estimatorbuttons {display:grid;grid-template-columns: 50% 50%;margin-top:10px;}*/
.estimatorbuttons {margin-top:30px;}

.estimatorbuttons span.right {text-align: right;}

/*paragraphs*/
#electroselector p {margin:0;padding:0;text-align: left; line-height: 1.3em;color: #343848;}
.electroselector p, .electroselector p a {color: #343848;}
#electroselector p.warning {color:red;}
#electroselector p.warning > label { color: red;}
#electroselector p.warning input, #electroselector p.warning select, #electroselector p.warning textarea  { border-color: red !important; }
#electroselector p.loading { background-image: url('805.gif'); width: 100%; height: 64px; display: block; background-position: center center; background-repeat: no-repeat; }

#electroselector span.select {
	position: relative !important;
	display: block !important;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: auto;
}
#electroselector input[type=text], #electroselector input[type=tel], #electroselector input[type=number], #electroselector input[type=email], #electroselector select, #electroselector textarea {
	padding: 10px;
	border: 1px solid #ededed;
	border-radius: 3px;
	margin: 3px 0 10px 0;
	width: 100%;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 16px;
	outline: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


#electroselector input[type="checkbox"] {display:none;}
#electroselector input[type="checkbox"] + label::before {
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid #ededed;
	background-color: #fff;
	display: block;
	content: "";
	float: left;
	margin-right: 5px;
}

#electroselector input[type="checkbox"].required+ label::before {border-color: #0082c8;}

#electroselector p.warning input[type="checkbox"] + label::before {border-color: red;}

#electroselector input[type="checkbox"]:checked+label::before {
	box-shadow: inset 0px 0px 0px 3px #fff;
	background-color: #0082c8;
}

#electroselector .validator, .electroselector_page .validator{margin-left: -999px;height:0;}

.repayments_slider_output {
	display: block; height: 30px;
}

/* Buttons */
.selectbutton input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.selectbutton label {
	display: block;
	text-align: center;
	line-height: 38px;
	margin-top:12px;
	width: 100%;
	background-color:#fff;
	color: #343848;
	cursor: pointer;
	font-weight:bold;
	border:solid;
	border-width:1px;
	border-color:#ccc;
	padding:5px;
}
.selectbutton label:hover, .selectbutton  input[type="radio"]:checked + label {background-color:#FAF3DD }

/* Arrows */
#electroselector select.minimal {
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		radial-gradient(#ddd 70%, transparent 72%);
	background-position:
		calc(100% - 20px) calc(1em + 2px),
		calc(100% - 15px) calc(1em + 2px),
		calc(100% - .5em) .5em;
	background-size:
		5px 5px,
		5px 5px,
		1.5em 1.5em;
	background-repeat: no-repeat;
}

/*range*/
#electroselector input[type=range] {
	-webkit-appearance: none;
	-webkit-transition: .2s;
	width: 100%;
	height: 38px;
	background-color: transparent;
	outline: none;
	opacity: 0.7;
	transition: opacity .2s;
	cursor: pointer;
	margin:0;
	padding:12px 0 0 0;
}

#electroselector input[type=range]:hover, #electroselector input[type=range]:focus, #electroselector input[type=range]:active {
	opacity: 1;
}

/* Required Border 
#electroselector .required {
	border: 1px solid #0082c8 !important;
}*/

/* Action Buttons */
#electroselector .estimator-button {width:60%;background: #39aa00;color: white;border: none;border-radius: 1px;cursor: pointer;padding: 15px 20px;font-size:18px}
#electroselector .estimator-button:hover, #electroselector .estimator-button:focus {
	background: #43c800;
}
/* Prevous button */

#electroselector > div > fieldset > div.estimatorbuttons > span:nth-child(1) > input {background: #39aa00;color: white;border: none;border-radius: 1px;cursor: pointer;padding: 10px 20px;display:inline-block;text-decoration: none;text-align: center;}


/* Submit Buttons */
/* Centered single button container */
.single-button-center {
	display: flex;
	justify-content: center;
	width: 100%;
}

/* Estimator Button Styling */
.estimator-button {
	background: #39aa00;
	color: white;
	border: none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 20px;
	font-size: 16px;
	text-decoration: none;

}

.estimator-button:hover, 
.estimator-button:focus {
	background: #43c800;
}

/* Submit Button Styling */
.submit-button {
	background: #39aa00;
	color: white;
	border: none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
}

.submit-button:hover, 
.submit-button:focus {
	background: #43c800;
}


/* Outputs */
#electroselector p#result {text-align: center;font-size:30px; font-weight:700;}

h2.section_success_title {color:#343848;}

/* The Modal */
#callbackform.modal {
	display: none;
	position: fixed;
	z-index: 999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
#callbackform .modal-content {
	background-color: #fefefe;
	padding: 20px;
	border: 1px solid #003e7e;
}

/* Modal Content */
#callbackform.modal .modal-content {
	margin: auto;
	width: 40%;
}

#callbackform .modal-content p,
#callbackform .modal-content h2 {
	color: #343848;
}

/* The Close Button */
#callbackform .closemodal {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

#callback .closemodal:hover,
#callback .closemodal:focus {
	color: #343848;
	text-decoration: none;
	cursor: pointer;
}

/* Cell Phone */
@media only screen and (max-width: 800px) {
	.electroselector {
		display: block;
		padding: 20px;
		font-size:12px;
	}
	.gridcontent {
	padding: 0;
	}
	.electroselector h2{
		font-size: 20px;
	}

	.electroselector h5{
		font-size: 16px;
	}
	
	#electroselector table .table-label td {font-size:10px;}
}

/* Submitting Animation */
.working_loading {
	font: 300 4em/150% Impact;
	color: rgba(6, 115, 152, 1);
	text-align: right;
	position: relative;
	left: calc(100% - 30px);
	bottom: 18px;
}

.buttons_working { display: none; }

.working_loading:after {
	content: ' .';
	animation: dots 1s steps(5, end) infinite;
	color: rgba(6, 115, 152, 1);
}

@keyframes dots {
	0%, 20% {
		color: rgba(6, 115, 152, 0);
		text-shadow:
			-.25em 0 0 rgba(6, 115, 152, 0),
			-.5em 0 0 rgba(6, 115, 152, 0);
	}
	40% {
		color: rgba(6, 115, 152, 0);
		text-shadow:
			-.25em 0 0 rgba(6, 115, 152, 0),
			-.5em 0 0 rgba(6, 115, 152, 1);
	}
	60% {
		color: rgba(6, 115, 152, 0);
		text-shadow:
			-.25em 0 0 rgba(6, 115, 152, 1),
			-.5em 0 0 rgba(6, 115, 152, 1);
	}
	80%, 100% {
		color: rgba(6, 115, 152, 1);
		text-shadow:
			-.25em 0 0 rgba(6, 115, 152, 1),
			-.5em 0 0 rgba(6, 115, 152, 1);
	}
}