.kwhcharge-txt {
  float: left;
  padding-top: 0px;
  padding-bottom: 0px;
  clear: both;
  color: #666666;
  font-size: 0.90em;
  line-height: 1.2em;
}

#kwhcharge-id {
	padding-top: 20px;
}

.evsavingsframe #evsavingdata #variantresults .savingoutput {
	margin-top:20px
}

.resultsnote {
	font-size: 0.70em;
  float: left;
  clear: both;
  margin-left: -25px;
  margin-top: 10px;
  color: #4d4d4d;
}


.variantevresult { display: none;}

#numone, #numtwo, #numthree, #numfour {display: none;}

#variantresults {
  display: none;
  padding-left: 20px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  width: 100% !important;
}

.titlest {
  font-size: 1.1em;
  font-weight: 600;
}

.slider-des {
	font-weight: 600;
  float: left;
  clear:both;
  padding-top: 10px;
  padding-bottom: 10px;
}

#extraresults {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-top: 40px;
  padding-left: 0px;
  padding-right: 0px;
}

.datarow {
  display: none;
}


.page #evsavingdata #savingoutputmobile,
.page #extraresults .savingoutput {display:none !important;}

#viewinf {
	cursor: pointer;
  color: #003c78;
  font-weight: 600;
  font-size: 0.9em;
}

#viewinf:hover {color: #2160a0;}

.savings-slider-tip.mbot {color: #666666;}

.savings-slider-tip.abot { font-weight: 600; }

#section-savings-milesperyear,
#section-savings-milespergallon,
#section-savings-fuelprice,
#section-savings-kwhcharge {
	display:none;
}

#evsavingdata #extraresults .variantevresult .partex-item-key.head {
	font-size: 1.1em;
}

.evsavingsframe #variantresults .head {
  padding-bottom: 4px;
}
  
.numberCircle {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 8px;
  background: #fff;
  border: 2px solid #37aadf;
  color: #37aadf;
  text-align: center;
  float: left;
  font-size: 1em;
  line-height: 0.7em;
  
}

#numone {
	margin-top: 10px;
	margin-right: 5px;
	padding-right: 8px;
	padding-top: 9px;
}

#numtwo {
	margin-top: -4px;
	margin-right: 10px;
	padding-right: 8px;
	padding-top: 10px;
}

#numthree {
	margin-top: -4px;
	margin-right: 10px;
	padding-right: 8px;
	padding-top: 10px;
}

#numfour {
	margin-top: -4px;
  margin-right: 8px;
  padding-right: 20px;
  padding-top: 9px;
  font-size: 0.85em;
  font-weight: 100;
}


#numone:hover::after,
#numtwo:hover::after,
#numthree:hover::after,
#numfour:hover::after,
.fuelset:hover::after {
  font-size: 0.90em !important;
  line-height: 1.5em !important;
}

.savingoutput,
#savingoutputmobile {
  background-color: #002c5f;
  padding: 8px 25px 1px 25px;
}

.variantsavingoutput .partex-item-key,
.variantsavingoutput .partex-item-value {
  font-weight: 700;
  font-size: 1.2em;
  color: #FFFFFF;
}

.variantsavingoutput {
	border: 0;
	background: initial;
}

.evsavingsframe #evsavingdata .variantsavingoutput td {
	border: 0;
	padding: 0em 0em;
}


.fuel-hilight {
	font-weight: 700;
  text-rendering: optimizeLegibility;
}

#fuel-settings .toggle-btn {
  display: inherit;
  transform: scale(0.70, 0.70);
  float: left;
  clear:both
}


#fuel-settings {
	margin-left: -10px;
	cleaR:both;
	padding-top:5px;
}


#fuel-settings label {
 min-width: 450px;
 margin-top: 13px;
 margin-left:90px;
 line-height:0.8em;
 font-size: 1.4em;
}



#savingresults .cb-value {
	float: left;
	margin-top: -33px;
}

.savings-slider-tip.abot {
	  margin-bottom: 10px;
	  font-size: 1.05em;
}

.savings-slider-tip.mbot {
	  margin-bottom: 35px;
}

.savings-slider-tip {
  font-size: 0.90em;
  line-height: 1.2em;
  clear: both;
  float: left;
  margin-top: 15px;
}
  
}

.savings-slider-title {
  color: #242424;
  /*background-color: #002c5f;*/
  padding: .375em .625em;
  margin-bottom: 20px;
}


 #savingresults .savings-slider-des {
  float: left;
  clear: both;
 } 
 
 
 #savingresults #savings-milesperyear-output,
 #savingresults #savings-milespergallon-output,
 #savingresults #savings-kwhcharge-output {
 	margin-bottom: -12px;
  padding-left: 5px;
  float: left;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
  
 #savingresults .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  padding: 0;
  clear: both;
  float: left;
  margin-top: 10px;
  max-width: 200px;
}

#savingresults .slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #37aadf;
  cursor: pointer;
}

#savingresults .slider-table :hover {
  opacity: 1;
}


#evsavingdata .flex-item {
  display: flex;
  flex-direction: column-reverse;
  text-align: left;
  justify-content: left;
  align-items: left;
}

.main-content .evsavingsframe #evsavingdata #variantresults .variantevresult,
.main-content .evsavingsframe #evsavingdata #extraresults .variantevresult {
	font-size: 0.85em;
	border: 0;
}


.page .main-content .evsavingsframe #evsavingdata #variantresults {
	padding-top: 0px; 
  float: left;
  clear: both;
  width: 60%;
  padding-right: 20px;
}

.page .main-content .evsavingsframe #evsavingdata #savingresults {
	/*width: 40%;*/
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 0px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 0.90em;
}

.page .main-content .evsavingsframe #evsavingdata #savingresults .slider {
	max-width: 30%; clear: both; float: left; margin-bottom: 14px; margin-top: 10px;
}

.evsavingsframe .evsavings-txt p {
	margin-bottom: 1em;
	font-size: 1em;
}


.evsavingsframe .manufacturerPickupBox-evsav {
  color: #ffffff;
  border-top: 0.09375em solid #E3E3E3;
  padding: 6px;
  cursor: pointer;
  width: 100%;
  margin-top: 1px;
  margin-bottom: -1px;
  max-width: fit-content;
  text-align: center;
  border: 2px solid transparent;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
}

.evsavingsframe {
	max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  background-color: #efefef;
  padding-top: 10px;
  padding-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

#centercalcbut {
	max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.main-content .evsavings-txt p {
	color:#4b4b4b;
}

#evsavingdata .ss-wrap {
  height: 40px;
  max-width: 90%;
  width: 450px;
  margin-top: 0.8em;
  margin-left: auto;
  margin-right: auto;
}

.ss-wrap #electricvariants select {
    font-size: 0.95em;
    background-color: #FBFBFB;
}

#evsavingdata .ss-wrap #electricvariants.offers-selection__dropdown-wrapper {
		width: auto;
}

.evsavingsframe #evsavingdata .ss-wrap #electricvariants {
 margin-left: 0;
}


#evsavingdata .ss-wrap {
	width: fit-content;
}

/*
#evsavingdata .ss-wrap .offers-selection__dropdown-wrapper::after {
	right: -37px;
}
#evsavingdata .ss-wrap .offers-selection__dropdown-wrapper::before {
	right: -48px;
	
}
*/

@media screen and (max-width: 880px) { 
.page .main-content .evsavingsframe #evsavingdata #electricvariants #electricvariantid.offers-selection__dropdown { width:100%; }
.page .main-content .evsavingsframe #evsavingdata .ss-wrap { max-width: 100%; margin-left: 0px; margin-right: 0px;}
.page .main-content .evsavingsframe #evsavingdata .flex-item { flex-direction: column-reverse; }
.page .main-content .evsavingsframe #evsavingdata #variantresults, .page .main-content .evsavingsframe #evsavingdata #savingresults { width: 100%; padding-right: 0px; padding-left: 0px;padding-top: 20px;}
.page .main-content .evsavingsframe #evsavingdata #savingresults { padding-left: 0px; padding-top: 10px; }
.page .main-content .evsavingsframe #evsavingdata #extraresults .savingoutput {display:none;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile {margin-top: 20px; display:inline-block; padding: 10px 12px 1px 10px;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-value {vertical-align: bottom; font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-key {font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput { font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingresults #fuel-settings label {font-size: 1.3em;}
.evsavingsframe #evsavingdata #savingresults .slider {max-width: 60%; clear: both; float: left; margin-bottom: 14px; margin-top: 10px;}
.page .main-content .evsavingsframe #evsavingdata #savingresults .savings-slider-tip {clear: both;}
.page .main-content .evsavingsframe #evsavingdata .ss-wrap {margin-left: auto; margin-right: auto;}
.page .numberCircle {display:none;}
.page #savingoutputmobile .resultsnote { margin-left: 0;margin-top:0;color: #fff;}
.page .main-content .savings-slider-tip.mbot { margin-bottom: 0px;}
}


/*  150 x 480  */
@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait)  {
.page .main-content .evsavingsframe #evsavingdata #electricvariants #electricvariantid.offers-selection__dropdown { width:100%; }
.page .main-content .evsavingsframe #evsavingdata .ss-wrap { max-width: 100%; margin-left: 0px; margin-right: 0px;}
.page .main-content .evsavingsframe #evsavingdata .flex-item { flex-direction: column-reverse; }
.page .main-content .evsavingsframe #evsavingdata #variantresults, .page .main-content .evsavingsframe #evsavingdata #savingresults { width: 100%; padding-right: 0px;padding-left: 0px;padding-top: 20px;}
.page .main-content .evsavingsframe #evsavingdata #savingresults { padding-left: 0px; padding-top: 10px; }
.page .main-content .evsavingsframe #evsavingdata #extraresults .savingoutput {display:none;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile {margin-top: 20px; display:inline-block; padding: 10px 12px 1px 10px;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-value {vertical-align: bottom; font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-key {font-size: 0.95em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput { font-size: 0.8em; }
.page .main-content .evsavingsframe #evsavingdata #savingresults #fuel-settings label {font-size: 1.3em;}
.page #savingoutputmobile .resultsnote { margin-left: 0;margin-top:0;color: #fff;}
.page .main-content .savings-slider-tip.mbot { margin-bottom: 0px;}
.page .main-content .evsavingsframe #evsavingdata #savingresults .slider {max-width: 60%;}


.page .main-content .savings-slider-tip.abot { font-size: 1em;line-height: 1.4em; }
.page .main-content #evsavingdata #extraresults .variantevresult .partex-item-key.head { font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingresults { font-size: 0.8em; }
.page .content-wrapper .evsavingsframe #evsavingdata #variantresults .savingoutput .variantsavingoutput {font-size: 0.8em; }



/*  812 x 375  */
@media only screen and (min-width: 375px) and (max-width:812px) and (orientation: landscape) {
.page .main-content .evsavingsframe #evsavingdata .savingoutput .variantsavingoutput .partex-item-key {font-size: 0.95em; }
.page .main-content .evsavingsframe #evsavingdata .savingoutput .variantsavingoutput { font-size: 0.8em; }
.page .main-content .evsavingsframe #evsavingdata #savingresults #fuel-settings label {font-size: 1.25em;}
.page .main-content .evsavingsframe #evsavingdata #savingresults .savings-slider-des.savingcondenslh {line-height: 1.1em;}
.page .main-content .evsavingsframe #evsavingdata #savingresults .slider {max-width: 30%;}
}


/*  736 x 414  */
@media only screen and (min-width: 414px) and (max-width:736px) and (orientation: landscape) {
.page .main-content .evsavingsframe #evsavingdata #electricvariants #electricvariantid.offers-selection__dropdown { width:100%; }
.page .main-content .evsavingsframe #evsavingdata .ss-wrap { max-width: 100%; margin-left: 0px; margin-right: 0px;}
.page .main-content .evsavingsframe #evsavingdata .flex-item { flex-direction: column-reverse; }
.page .main-content .evsavingsframe #evsavingdata #variantresults, .page .main-content .evsavingsframe #evsavingdata #savingresults { width: 100%; padding-right: 0px;padding-left: 0px;padding-top: 20px;}
.page .main-content .evsavingsframe #evsavingdata #savingresults { padding-left: 0px; padding-top: 10px; }
.page .main-content .evsavingsframe #evsavingdata #extraresults .savingoutput {display:none;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile {margin-top: 20px; display:inline-block; padding: 10px 12px 1px 10px;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-value {vertical-align: bottom; font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-key {font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput { font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingresults #fuel-settings label {font-size: 1.3em;}
.page .main-content .evsavingsframe #evsavingdata #savingresults .slider {max-width: 30%; clear: both; float: left; margin-bottom: 14px; margin-top: 10px;}
.page #savingoutputmobile .resultsnote { margin-left: 0;margin-top:0;color: #fff;}
.page .main-content .savings-slider-tip.mbot { margin-bottom: 0px;}
}


/*  667 x 375  */
@media only screen and (min-width: 375px) and (max-width:667px) and (orientation: landscape) {
.page .main-content .evsavingsframe #evsavingdata #electricvariants #electricvariantid.offers-selection__dropdown { width:100%; }
.page .main-content .evsavingsframe #evsavingdata .ss-wrap { max-width: 100%; margin-left: 0px; margin-right: 0px;}
.page .main-content .evsavingsframe #evsavingdata .flex-item { flex-direction: column-reverse; }
.page .main-content .evsavingsframe #evsavingdata #variantresults, .page .main-content .evsavingsframe #evsavingdata #savingresults { width: 100%; padding-right: 0px;padding-left: 0px;padding-top: 20px;}
.page .main-content .evsavingsframe #evsavingdata #savingresults { padding-left: 0px; padding-top: 10px; }
.page .main-content .evsavingsframe #evsavingdata #extraresults .savingoutput {display:none;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile {margin-top: 20px; display:inline-block; padding: 10px 12px 1px 10px;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-value {vertical-align: bottom; font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-key {font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput { font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingresults #fuel-settings label {font-size: 1.3em;}
.page .main-content .evsavingsframe #evsavingdata #savingresults .slider {max-width: 30%; clear: both; float: left; margin-bottom: 14px; margin-top: 10px;}
.page #savingoutputmobile .resultsnote { margin-left: 0;margin-top:0;color: #fff;}
.page .main-content .savings-slider-tip.mbot { margin-bottom: 0px;}
}


	
/*  568 x 320  */
@media only screen and (min-width: 320px) and (max-width:568px) and (orientation: landscape) {
.page .main-content .evsavingsframe #evsavingdata #electricvariants #electricvariantid.offers-selection__dropdown { width:100%; }
.page .main-content .evsavingsframe #evsavingdata .ss-wrap { max-width: 100%; margin-left: 0px; margin-right: 0px;}
.page .main-content .evsavingsframe #evsavingdata .flex-item { flex-direction: column-reverse; }
.page .main-content .evsavingsframe #evsavingdata #variantresults, .page .main-content .evsavingsframe #evsavingdata #savingresults { width: 100%; padding-right: 0px;padding-left: 0px;padding-top: 20px;}
.page .main-content .evsavingsframe #evsavingdata #savingresults { padding-left: 0px; padding-top: 10px; }
.page .main-content .evsavingsframe #evsavingdata #extraresults .savingoutput {display:none;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile {margin-top: 20px; display:inline-block; padding: 10px 12px 1px 10px;}
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-value {vertical-align: bottom; font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput .partex-item-key {font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingoutputmobile .variantsavingoutput { font-size: 1em; }
.page .main-content .evsavingsframe #evsavingdata #savingresults #fuel-settings label {font-size: 1.3em;}
.page #savingoutputmobile .resultsnote { margin-left: 0;margin-top:0;color: #fff;}
.page .main-content .savings-slider-tip.mbot { margin-bottom: 0px;}
}