@charset "utf-8";
/* CSS Document */

#rg_volume{ -webkit-appearance: none;margin: 5px 0;width: 5px; }
#rg_volume:focus { background:transparent; outline: none; }
#rg_volume::-webkit-slider-runnable-track,#rg_progress::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background:transparent;
  border-radius: 25px;
  border: 0px solid #000101;
}
    
#rg_volume::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 22px;
  width: 26px;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 6px;
  margin-left: 1px;
    border-radius:20px;padding-left:10px;
}
#rg_volume::-moz-range-track,#rg_progress::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
    background:transparent;
    border-radius: 25px;
    border: 0px solid #000101;
    margin-top:10px;
}
    
#rg_volume::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 28px;
  width: 20px;
  animate: 0.2s;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
  margin:0px;
  -moz-appearance: none;
}
#rg_progress::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 5px;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
  margin:0px;
  -moz-appearance: none;
}
#rg_progress::-webkit-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 5px;
  border-radius: 7px;
  background: #EEEEEE;
  cursor: pointer;
  margin:0px;
  -webkit-appearance: none;
}
input[type=range]#rg_volume::-moz-range-progress {
  height: 0;
  background: #CC0605;       
}