Customize Slider

[adiaz]

/*------------------------------------------*/
/* SLIDER */
/*------------------------------------------*/

.cl_out .slider {
width: 20px;
height: 100px;
overflow: hidden;
}

.cl_out .slider-min {
display: none;
}

.cl_out .slider-max {
display: none;
}

.cl_out .slider .progress {
position: static;
  height: 100px;
  width: 20px;
margin: 0;
border: none;
border-radius: 20px;
box-shadow: none;
background-color: #ccc;
}

.cl_out .slider .slider-handle {
background-clip: padding-box;
background-color: #fff;
background-image: none;
border: none;
border-radius: 50%;
border-color: #bbb;
box-sizing: border-box;
height: 0px;
padding: 0;
width: 0px;
}

.cl_out .slider .slider-handle:before {
background: blue;
content: '';
pointer-events: none;
position: absolute;
border: none;
border-radius: 20px;
  width: 20px;
  height: 100px;
}

.cl_out .slider .btn {
left: 0px;
}

.cl_out .slider-value span {
border-radius: 0;
}