/* general styles */
div#nrtec_container {
  background-color: transparent;
  border: none;
  padding: .5em 1em 0 1em;
  font-size: 17px;
}

/* title */
div#nrtec_container h2 {
  text-align: center !important;
  font-weight: bold;
}

/* initial earnings */
div#nrtec_chart .ct-series-a .ct-slice-donut {
  stroke: #6592A7;
}

/* standard earnings */
div#nrtec_chart .ct-series-b .ct-slice-donut {
  stroke: #034D72;
}

/* slider controls positioning */
div.nrtec_range_controls {
  background: transparent;
  width: 5%;
  margin: -1em 0 0 1%;
  display: inline-block;
  vertical-align: top;
  padding-top: .5em;
  cursor: pointer; 
}
.nrtec_range_control_plus, .nrtec_range_control_minus {
  color: #bcbbb9;
  display: block;
  text-align: center;
  position: relative;
  top: 5px;
  cursor: pointer; 
}
.nrtec_range_wrapper {
	cursor: pointer;
}

/* slider inputs */
div#nrtec_container input[type=range] {
  -webkit-appearance: none;
  margin: 10.1px 0 30px 0;
  width: 94%;
  display: inline-block;
  vertical-align: top;
	
}
div#nrtec_container input[type=range]:focus {
  outline: none;
}
div#nrtec_container input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.8px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: rgba(204, 204, 204, 0.78);
  border-radius: 1.3px;
  border: none; /*0.2px solid #010101;*/
}
div#nrtec_container input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #06364a;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10.3px;
	
}
div#nrtec_container input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(204, 204, 204, 0.78);
}
div#nrtec_container input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.8px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: rgba(204, 204, 204, 0.78);
  border-radius: 1.3px;
  border: transparent;
}
div#nrtec_container input[type=range]::-moz-range-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #06364a;
  cursor: pointer;
}
div#nrtec_container input[type=range]::-ms-track {
  width: 98%;
  height: 15.8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
div#nrtec_container input[type=range]::-ms-fill-lower {
  background: rgba(204, 204, 204, 0.78);
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
div#nrtec_container input[type=range]::-ms-fill-upper {
  background: rgba(204, 204, 204, 0.78);
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
div#nrtec_container input[type=range]::-ms-thumb {
  width: 30px;
  height: 50px;
  position: relative;
  right: 20px;
  border-radius: 15px 15px 15px 15px;
  background-color: #06364a;
}
div#nrtec_container input[type=range]:focus::-ms-fill-lower {
  background: rgba(204, 204, 204, 0.78);
}
div#nrtec_container input[type=range]:focus::-ms-fill-upper {
  background: rgba(204, 204, 204, 0.78);
}

/* fix spacing */
div#nrtec_container output#nrtec_years_output {
  margin-top: 10px;
}

/* look and feel of context note */
div#nrtec_container p#nrtec_context_note {
  font-size: 10pt;
  padding: 40% 0 0 0;
}

/* the relevant text */
div#nrtec_container .hilight_text {
  color: #0D3B50;
  font-weight: bolder;
}

/* clear up unused vertical space */
div#nrtec_container .fusion-row .fusion-one-half p {
  margin-bottom: 0 !important;
}

div#nrtec_chart {
  margin-top: 1em;
}

/* the total value in the centre of the donut - cyn */
.c3-chart-arcs .c3-chart-arcs-title {
  font-weight: bold;
  color: #05182F;
  font-size: 16px;
}
.c3 {
	display: block;
	text-align: center;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */ 
	.nrtec_range_control_plus, .nrtec_range_control_minus {
		  color: #bcbbb9;
		  display: block;
		  text-align: center;
		  position: relative;
		  top: 18px;
	}
}