/*https://www.cssscript.com/pretty-simple-modal-window-pure-css/*/

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      width: 100px;
      -webkit-appearance: none;
      background-color: #1a8ed059;
      height: 16px;
      border-radius: 6px;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 15px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
      border-radius: 6px;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 10px;
      -webkit-appearance: none;
      height: 15px;
      cursor: ew-resize;
      background: #1A8ED0;
      box-shadow: -130px 0 0 125px #EEE;
      border-radius: 6px;
    }

}
/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #EEE; 
}
input[type="range"]::-moz-range-track {  
  background-color: #1A8ED0;
  border-radius: 6px;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #EEE; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: #1A8ED0;
  border-radius: 6px;
}

input[type="range"]:focus {
  outline: none !important;
}