.ui-slider-range{
    height: 100%;
}

.bubble{
    position: absolute;
    width: 120px;
    height: 40px;
    border-radius: 3px;
    top:-50px;
    background-repeat:no-repeat !important;
    background-position:8px 31px !important ;
    color: #fff;
    left: 0;

}
.inner_bubble{width: 100%; height: 77%; text-align: center; line-height: 30px;}

.grade1{
    background:
    rgba(0, 0, 0, 0) linear-gradient(to right, #b51b58 0%, #ef2e72 100%) repeat scroll 0 0 !important;
}
.grade2{
    background:
    rgba(0, 0, 0, 0) linear-gradient(to right, #ff9c00 0%, #ffd42b 100%) repeat scroll 0 0 !important;
}

.grade3{
    background:
    rgba(0, 0, 0, 0) linear-gradient(to right, #ff9c00 0%, #ffd42b 100%) repeat scroll 0 0 !important;
}
.grade4{
    background:
    rgba(0, 0, 0, 0) linear-gradient(to right, #849c1b 0%, #c8e744 100%) repeat scroll 0 0 !important;
}
.grade5{
    background:
    rgba(0, 0, 0, 0) linear-gradient(to right, #849c1b 0%, #c8e744 100%) repeat scroll 0 0 !important;
}



.ui-slider-handle {
    background-color: #fff !important;
    border-radius: 100px;
    display: block;
    height: 14px;
    position: relative;
    width: 14px;
    top:3px !important;
    margin-left: 0 ;


}

/* .ui-slider-handle:first-of-type{
     display: none !important;
 }*/

#home::after {
    box-shadow: 62px 0 0 #fff, 124px 0 0 #fff, 186px 0 0 #fff, 248px 0 0 #fff;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 2;

}

#home div{direction: ltr !important;}

body.rate_professor .rate-slider, body.rate_school .rate-slider {
    width: 310px;
}
#home {
    background: #ccc none repeat scroll 0 0;
    border-radius: 100px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    padding: 0;
    width: 310px;
    /* overflow: hidden;*/
    cursor: pointer;
    /*margin-top: 20px;*/

}


@media (max-width:768px) {
#home{width:180px !important;}
.ui-slider{width:180px !important;}
#home:after{
    box-shadow: 36px 0 0 #fff, 72px 0 0 #fff, 108px 0 0 #fff, 144px 0 0 #fff !important;
}
.group1{margin-top: 10px;}
.vote_top_container{margin-top: 0 !important;}
.ostad_top{margin-top: 0px !important;}


}

.ui-slider{
    width: 310px;
    height: 100%!important;;
    background: none!important;
    border:none !important;
    position: absolute;
    top: 0;

}

.ui-slider-range1 {
    border-bottom-left-radius: 13px;
    border-top-left-radius: 13px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0 !important;
}
.ui-slider-range2 {

    border-radius: 13px;

}

/* .test2{
     width: 200px;
     height: 40px;
     background: #008200;;
 }*/