div.rangeslider {
  width: 160px;
  position: relative;
  margin-top: 10px ;
  /*-webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
  border: 0;
  height: 2px;
  background: #959799;
  outline: none;
}

div.rangeslider .ui-slider-handle {
  position: absolute;
  margin: -1px 0 0 -9px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: green !important;
  border: 0;
  height: 12px;
  width: 12px;
  outline: none;
  cursor: pointer;
}

div.rangeslider .ui-slider-handle:hover,
div.rangeslider .ui-slider-handle:focus {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

div.rangeslider .ui-slider-range { background: green; }

div.rangeslider span.rangevalue {
  position: absolute;
  font-size: 8px;
  font-weight: bold;
  width: 160px;
  text-align: center;
  margin-top: 8px;
}