@import "jquery-ui-1.10.3.custom.css";
.slider {
    background: #e4e6eb;
    border: 0;
    height: 20px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    position: relative;
    z-index: 10;
    margin: 0 18px!important
}
.slider:after {
    background: #e4e6eb;
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    padding: 0 19px;
    left: -19px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.slider .ui-slider-range {
    -webkit-border-radius: 50em!important;
    -moz-border-radius: 50em!important;
    border-radius: 50em!important;
    position: absolute;
    padding: 0 19px 0 19px;
    margin: 0 -19px 0 -19px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.slider.small {
    height: 12px
}
.ui-slider-handle {
    border: none!important;
    -webkit-border-radius: 50em!important;
    -moz-border-radius: 50em!important;
    border-radius: 50em!important;
    outline: none!important;
}
.ui-slider-horizontal .ui-slider-handle {
    background: url("images/comment/handle.png") no-repeat center center scroll #fff!important;
    background-position: 50% 50%;
    background-size: 16px 16px!important;
    width: 36px;
    height: 18px
}
.ui-slider-horizontal .ui-slider-handle {
    top: -2px;
    margin-left: -18px
}
.ui-slider-horizontal.small .ui-slider-handle {
    background: url("images/comment/handle.png") no-repeat center center scroll #fff!important;
    background-position: 50% 50%;
    background-size: 8px 8px!important;
    width: 40px!important;
    height: 15px!important
}
.sliderVertical {
    background: #e4e6eb;
    border: 0;
    top: auto;
    bottom: auto;
    width: 20px!important;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.05);
    position: relative;
    float: left;
    height: 100px;
    margin: 38px 20px 0 20px;
    width: 5px
}
.sliderVertical:after {
    background: #e4e6eb;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 38px 0 0 0;
    top: -38px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    overflow: hidden
}
.sliderVertical .ui-slider-range {
    height: 100%;
    width: 100%;
    top: auto;
    bottom: auto;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    padding-top: 38px;
    margin-top: -38px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.sliderVertical .ui-slider-handle {
    background: url("../img/handlev.png") no-repeat center center scroll #fff!important;
    background-position: 50% 50%;
    background-size: 16px 16px!important;
    width: 18px;
    height: 36px;
    left: 50%;
    margin: 0 0 1px -9px!important
}
.sliderVertical .ui-slider-range-max {
    top: 0
}
.sliderVertical .ui-slider-range-min {
    bottom: 0
}
.sliderVertical.small {
    width: 12px!important;
    position: relative;
    float: left;
    height: 100px;
    margin: 38px 20px 0 20px;
    width: 5px
}
.sliderVertical.small .ui-slider-handle {
    background: url("../../img/handlev.png") no-repeat center center scroll #fff!important;
    background-position: 50% 50%;
    background-size: 8px 8px!important;
    width: 10px;
    height: 36px;
    margin: 0 0 1px -5px!important
}
.sliderBlue .ui-slider-range,
.progressBlue .ui-progressbar-value {
    background: #36a9e1
}
.sliderGreen .ui-slider-range,
.progressGreen .ui-progressbar-value {
    background: #bdea74
}
.sliderDarkGreen .ui-slider-range,
.progressDarkGreen .ui-progressbar-value {
    background: #78cd51
}
.sliderPink .ui-slider-range,
.progressPink .ui-progressbar-value {
    background: #e84c8a
}
.sliderOrange .ui-slider-range,
.progressOrange .ui-progressbar-value {
    background: #fa603d
}
.sliderLightOrange .ui-slider-range,
.progressLightOrange .ui-progressbar-value {
    background: #fabb3d
}
.sliderRed .ui-slider-range,
.progressRed .ui-progressbar-value {
    background: #ff5454
}
.sliderYellow .ui-slider-range,
.progressYellow .ui-progressbar-value {
    background: #eae874
}
.sliderSuccess .ui-slider-range,
.progressSuccess .ui-progressbar-value {
    background: #8FC63D
}