.time-select{
    
}


.ui-slider {
  background: #fff;
  border: none;
  border-radius: 0;
  margin: 100px 30px 100px 30px;
}

.ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 0; 
  transition: border 0.4s ease;
  border-color: #ff6c00;
  background: #ff6c00;
}

.ui-slider .ui-slider-handle.ui-state-hover,
.ui-slider .ui-slider-handle.ui-state-focus,
.ui-slider .ui-slider-handle.ui-state-active {
  border-color: #ff6c00;
}

.ui-slider .ui-slider-pip .ui-slider-line {
  background: #fff;
  transition: all 0.4s ease;
}

.ui-slider.ui-slider-horizontal {
  height: 6px;
}

.ui-slider.ui-slider-horizontal .ui-slider-handle {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  top: -25px;
  margin-left: -10px;
}

.ui-slider.ui-slider-horizontal .ui-slider-pip {
  top: 10px;
}

.ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
  width: 2px;
  height: 10px;
  margin-left: -1px;
}

.ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
  height: 20px;
}

.ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  height: 12px;
} 
 .ui-slider-handle,
 .ui-slider-range,
 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line,
 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  background-color: #ff6c00;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
  top: 30px; 
  color: #999;
} 


.ui-slider-pip[class*=ui-slider-pip-selected],
.ui-slider-pips .ui-slider-pip-selected-1 .ui-slider-label,
.ui-slider-pips .ui-slider-pip-selected-2 .ui-slider-label { 
  top: 30px;
  display: block;
}