.screen-reader-text { 
   clip: rect(1px, 1px, 1px, 1px); 
   height: 1px; 
   width: 1px; 
   overflow: hidden; 
   position: absolute !important;
}


.JXG0995infobox {
   color: black !important; /* for accessibility automatic checkers */
}

.sliderContainer {
   margin-top: 2em;
   margin-bottom: 2em;
   position: relative;
}

input[type=text] {
   margin-right: 0.7em;
   margin-left: 0.7em;
}

input[type=text].boundsWarning {
   border-style: solid;
   border-color: red;
   border-width: 3px;
   aria-invalid: true;
}

input[type=range] {
   width: 60%; /* tentative */
   float: right;
   position: absolute;
   right: 0;
   top: 0;
   margin-right: 0em;
   padding: 0px;
   height: 100%;
}

legend {
   margin-bottom: 0.3em;
}


/* http://danielstern.ca/range.css/#/ */
input[type=range] {
  -webkit-appearance: none;
  /*width: 60%;*/
  /*margin: 0px 0;*/
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 32px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #2e9cd4; /* magma secondary02 */
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);
  border: 1.9px solid rgba(0, 30, 0, 0.57);
  height: 32px;
  width: 32px;
  border-radius: 4px;
  background: #063961; /* magma secondary01 */
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 0px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2e9cd4;
  outline: 2px solid #032a2a;
  outline-offset: 3px;
  border-radius: 4px;
}
input[type=range]:focus::-moz-range-track {
  background: #2e9cd4;
  outline: 2px solid #032a2a;
  outline-offset: 3px;
  border-radius: 4px;
}
input[type=range]:focus::-ms-track {
  background: #2e9cd4;
  outline: 2px solid #032a2a;
  outline-offset: 3px;
  border-radius: 4px;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 32px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #2e9cd4;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);
  border: 1.9px solid rgba(0, 30, 0, 0.57);
  height: 32px;
  width: 32px;
  border-radius: 4px;
  background: #063961;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 32px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2e9cd4;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #2e9cd4;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);
  border: 1.9px solid rgba(0, 30, 0, 0.57);
  width: 32px;
  border-radius: 4px;
  background: #063961;
  cursor: pointer;
  height: 32px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #2e9cd4;
}
input[type=range]:focus::-ms-fill-upper {
  background: #2e9cd4;
}
/* END http://danielstern.ca/range.css/#/ */