/*https://toughengineer.github.io/demo/slider-styler*/

/* HR HYPER RED */
input[type=range].styled-slider-HR::-webkit-slider-runnable-track {
  height: 0.6em;
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #FF0000;
  box-shadow: none;
}

input[type=range].styled-slider-HR::-moz-range-track {
  height: max(calc(0.6em - 1px - 1px),0px);
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #FF0000;
  box-shadow: none;
}

input[type=range].styled-slider-HR::-ms-track {
  height: 0.6em;
  border-radius: 0.5em;
  background: #FF0000;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  box-sizing: border-box;
}

/* TG TRUE GREEN */
input[type=range].styled-slider-TG::-webkit-slider-runnable-track {
  height: 0.6em;
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #00E400;
  box-shadow: none;
}

input[type=range].styled-slider-TG::-moz-range-track {
  height: max(calc(0.6em - 1px - 1px),0px);
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #00E400;
  box-shadow: none;
}

input[type=range].styled-slider-TG::-ms-track {
  height: 0.6em;
  border-radius: 0.5em;
  background: #00E400;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  box-sizing: border-box;
}

/* DB DEEP BLUE */
input[type=range].styled-slider-DB::-webkit-slider-runnable-track {
  height: 0.6em;
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #0000E4;
  box-shadow: none;
}

input[type=range].styled-slider-DB::-moz-range-track {
  height: max(calc(0.6em - 1px - 1px),0px);
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #0000E4;
  box-shadow: none;
}

input[type=range].styled-slider-DB::-ms-track {
  height: 0.6em;
  border-radius: 0.5em;
  background: #0000E4;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  box-sizing: border-box;
}

/* FR FAR RED */
input[type=range].styled-slider-FR::-webkit-slider-runnable-track {
  height: 0.6em;
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #AD0000;
  box-shadow: none;
}

input[type=range].styled-slider-FR::-moz-range-track {
  height: max(calc(0.6em - 1px - 1px),0px);
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #AD0000;
  box-shadow: none;
}

input[type=range].styled-slider-FR::-ms-track {
  height: 0.6em;
  border-radius: 0.5em;
  background: #AD0000;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  box-sizing: border-box;
}

/* UA UV-A */
input[type=range].styled-slider-UA::-webkit-slider-runnable-track {
  height: 0.6em;
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #0000FF;
  box-shadow: none;
}

input[type=range].styled-slider-UA::-moz-range-track {
  height: max(calc(0.6em - 1px - 1px),0px);
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #0000FF;
  box-shadow: none;
}

input[type=range].styled-slider-UA::-ms-track {
  height: 0.6em;
  border-radius: 0.5em;
  background: #0000FF;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  box-sizing: border-box;
}

/* UB UV-B */
input[type=range].styled-slider-UB::-webkit-slider-runnable-track {
  height: 0.6em;
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #0000FF;
  box-shadow: none;
}

input[type=range].styled-slider-UB::-moz-range-track {
  height: max(calc(0.6em - 1px - 1px),0px);
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #0000FF;
  box-shadow: none;
}

input[type=range].styled-slider-UB::-ms-track {
  height: 0.6em;
  border-radius: 0.5em;
  background: #0000FF;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  box-sizing: border-box;
}

/* UC UV-C */
input[type=range].styled-slider-UC::-webkit-slider-runnable-track {
  height: 0.6em;
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #0000FF;
  box-shadow: none;
}

input[type=range].styled-slider-UC::-moz-range-track {
  height: max(calc(0.6em - 1px - 1px),0px);
  border: 1px solid #b2b2b2;
  border-radius: 0.5em;
  background: #0000FF;
  box-shadow: none;
}

input[type=range].styled-slider-UC::-ms-track {
  height: 0.6em;
  border-radius: 0.5em;
  background: #0000FF;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  box-sizing: border-box;
}

