/*------------------------------------------------------------------
[# Slider UI Conrol]
-------------------------------------------------------------------*/
li.customize-control.customize-control-wpex_slider_ui input[type=text] {
    width: 20%;
    float: left;
    text-align: center;
}

li.customize-control.customize-control-wpex_slider_ui .ui-slider-horizontal.wpex-slider-ui {
    float: right;
    width: 75%;
    height: 5px;
    margin-top: 10px;
    color: #333;
    position: relative;
    @include border-radius( 5px );
    border: 1px solid #747474;
    border-bottom-color: #aeaeae;
    background-color: #cdcdcd;
    background: -webkit-linear-gradient(#aaaaaa, #cdcdcd);
    background: -o-linear-gradient(#aaaaaa, #cdcdcd);
    background: -moz-linear-gradient(#aaaaaa, #cdcdcd);
    background: linear-gradient(#aaaaaa, #cdcdcd);
}

li.customize-control.customize-control-wpex_slider_ui .ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 17px;
    cursor: default;
    top: -7px;
    margin-left: -10px;
    border: 1px solid #9e9e9e;
    cursor: pointer;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(#f8f8f8, #ededed);
    background: -o-linear-gradient(#f8f8f8, #ededed);
    background: -moz-linear-gradient(#f8f8f8, #ededed);
    background: linear-gradient(#f8f8f8, #ededed);
    @include border-radius( 50% );
    @include box-shadow( 0 2px 2px rgba(0,0,0,0.24) );
}
