#vanila-slider {
    background-color: #dedede;
    border-radius: 5px;
    width: 177px;
    height: 11px;
    border: none;
    position: relative;
}
#vanila-slider .slider-range div {
    position: absolute;
    background-image:linear-gradient(-35deg, rgba(215, 215, 215, 0.37) 0%, rgba(255, 255, 255, 0.37) 100%);
    background-color:#e0e0e0;
    border:1px solid #c7c7c7;
    top:0px;
    bottom:0px;
    width:0px;
    border-radius: 4px;
}
#vanila-slider .slider-range .outside-left {
    left:0px;
}
#vanila-slider .slider-range .outside-right {
    right:0px;
}
#vanila-slider .slider-range {
    left: 0%;
    width: 100%;
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    overflow: hidden;
    border-radius: 4px;
    background-color: #ff076a;
}
#vanila-slider .ui-slider-handle {
    top: -5px;
    margin-left: -6px;
    position: absolute;
    z-index: 2;
    background-image: linear-gradient(-35deg, rgba(215, 215, 215, 0.37) 0%, rgba(255, 255, 255, 0.37) 100%);
    background-color: #e0e0e0;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    height: 23px;
    width: 17px;
    cursor: pointer;
}