.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
	background-color: #f4f5f7;
	border-radius: 4.5px;
}
.ui-slider {
    position: relative;
    text-align: left;
	height: 9px;
    border-radius: 4.5px;
	box-shadow: inset 0 3px 2px 0 hsla(244.99999999999997, 9.52%, 49.41%, 0.03);
	background-color: #57c4f9;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    left: 18%;
    top: -10px;
    width: 30px;
    height: 30px;
    border: 0px solid #000;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6ed0ff), to(#49bdf5));
    background-image: linear-gradient(180deg, #6ed0ff, #49bdf5);
    box-shadow: 0 0 0 4px #fff, 0 10px 10px 0 hsla(219.99999999999997, 5.88%, 90.00%, 1.00), inset 0 0 6px 0 hsla(199.31034482758622, 100.00%, 82.94%, 1.00);
    cursor: pointer;
	outline: none;
	z-index: 1;
	margin-left: -15px;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}