.rangeslider,
.rangeslider__fill {
  display: block;
}

.rangeslider {
  background: #d5d5d5;
  background: -webkit-linear-gradient(left, #d5d5d5 , #b0b0b0);
  background: -o-linear-gradient(right, #d5d5d5, #b0b0b0);
  background: -moz-linear-gradient(right, #d5d5d5, #b0b0b0);
  background: linear-gradient(to right, #d5d5d5 , #b0b0b0);
  position: relative;
}

.rangeslider--vertical {
  width: 40px;
  height: 100px;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider--horizontal{
  width: 100%;
  height: 40px;
  
  background:
    url('sliderH_bg_L.png') center left no-repeat,
    url('sliderH_bg_R.png') center right no-repeat,
    url('sliderH_bg.png') center left repeat-x;
  position: relative;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

/************************************************************************************************************************************************************/

.rangeslider__handle {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
}

.rangeslider__handle {
  left: 0;
  touch-action: pan-x;
  -ms-touch-action: pan-x;

  background:url('btn_sliderHandle.png') no-repeat;
  background-size: contain;
}

/*.rangeslider__handle:hover{
  -webkit-filter: brightness(150%) drop-shadow(0 0 5px #ffe4b3);
  filter: brightness(150%) drop-shadow(0 0 5px #ffe4b3);
}*/

.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  /*background: green;*/
}


/************************************************************************************************************************************************************/


input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

