.d3_slider_background{
  background-color: #393939;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 0px 2px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 0px 2px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 0px 2px rgba(255, 255, 255, 0.6);
}

.d3_slider_hitbox{
  position: relative;
  top: -2px;
}

.d3_slider_handle{
  position: relative;
  top: 2px;
  background: #9f9f9f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #9f9f9f));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #9f9f9f);
  background-image: -moz-linear-gradient(top, #f7f7f7, #9f9f9f);
  background-image: -ms-linear-gradient(top, #f7f7f7, #9f9f9f);
  background-image: -o-linear-gradient(top, #f7f7f7, #9f9f9f);
  background-image: linear-gradient(top, #f7f7f7, #9f9f9f);
}

.d3_slider_handle:hover{
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.d3_slider_foreground{
  position: absolute;
  top: 0px;
  background-color: #84aa31;
  border: 1px solid #212227;
  background: rgb(130, 130, 130);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(130, 130, 130)), color-stop(100%, rgb(100, 100, 100)));
  background-image: -webkit-linear-gradient(top, rgb(130, 130, 130), rgb(100, 100, 100));
  background-image: -moz-linear-gradient(top, rgb(130, 130, 130), rgb(100, 100, 100));
  background-image: -ms-linear-gradient(top, rgb(130, 130, 130), rgb(100, 100, 100));
  background-image: -o-linear-gradient(top, rgb(130, 130, 130), rgb(100, 100, 100));
  background-image: linear-gradient(top, rgb(130, 130, 130), rgb(100, 100, 100));
}