.noUi-target,.noUi-target *{
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -ms-touch-action:none;
    touch-action:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.noUi-target{
    position:relative
}
.noUi-base,.noUi-connects{
    width:100%;
    height:100%;
    position:relative;
    z-index:1
}
.noUi-connects{
    overflow:hidden;
    z-index:0
}
.noUi-connect,.noUi-origin{
    will-change:transform;
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    height:100%;
    width:100%;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -webkit-transform-style:preserve-3d;
    transform-origin:0 0;
    transform-style:flat
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{
    left:0;
    right:auto
}
.noUi-vertical .noUi-origin{
    top:-100%;
    width:0
}
.noUi-horizontal .noUi-origin{
    height:0
}
.noUi-handle{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:absolute
}
.noUi-touch-area{
    height:100%;
    width:100%
}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{
    -webkit-transition:transform .3s;
    transition:transform .3s
}
.noUi-state-drag *{
    cursor:inherit!important
}
.noUi-horizontal{
    height:18px
}
.noUi-horizontal .noUi-handle{
    width:34px;
    height:28px;
    right:-17px;
    top:-6px
}
.noUi-vertical{
    width:18px
}
.noUi-vertical .noUi-handle{
    width:28px;
    height:34px;
    right:-6px;
    bottom:-17px
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{
    left:-17px;
    right:auto;
    position: relative!important;
    left:7px!important;
}
.noUi-target{
    background:#FAFAFA;
    border-radius:4px;
    border:1px solid #D3D3D3;
    box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}
.noUi-connects{
    border-radius:3px;
    background-color:#fff!important;
}
.noUi-connect{
    background:#3FB8AF
}
.noUi-draggable{
    cursor:ew-resize
}
.noUi-vertical .noUi-draggable{
    cursor:ns-resize
}
.noUi-handle{
    border:1px solid #D9D9D9;
    border-radius:3px;
    background:#FFF;
    cursor:default;
    box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB
}
.noUi-active{
    box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}
.noUi-handle:after,.noUi-handle:before{
    content:"";
    display:block;
    position:absolute;
    height:14px;
    width:1px;
    background:#E8E7E6;
    left:14px;
    top:6px
}
.noUi-handle:after{
    left:17px
}
.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{
    width:14px;
    height:1px;
    left:6px;
    top:14px
}
.noUi-vertical .noUi-handle:after{
    top:17px
}
[disabled] .noUi-connect{
    background:#B8B8B8
}
[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{
    cursor:not-allowed
}
.noUi-pips,.noUi-pips *{
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.noUi-pips{
    position:absolute;
    color:#999
}
.noUi-value{
    position:absolute;
    white-space:nowrap;
    text-align:center
}
.noUi-value-sub{
    color:#ccc;
    font-size:10px
}
.noUi-marker{
    position:absolute;
    background:#CCC
}
.noUi-marker-sub{
    background:#AAA
}
.noUi-marker-large{
    background:#AAA
}
.noUi-pips-horizontal{
    padding:10px 0;
    height:80px;
    top:100%;
    left:0;
    width:100%
}
.noUi-value-horizontal{
    -webkit-transform:translate(-50%,50%);
    transform:translate(-50%,50%)
}
.noUi-rtl .noUi-value-horizontal{
    -webkit-transform:translate(50%,50%);
    transform:translate(50%,50%)
}
.noUi-marker-horizontal.noUi-marker{
    margin-left:-1px;
    width:2px;
    height:5px
}
.noUi-marker-horizontal.noUi-marker-sub{
    height:10px
}
.noUi-marker-horizontal.noUi-marker-large{
    height:15px
}
.noUi-pips-vertical{
    padding:0 10px;
    height:100%;
    top:0;
    left:100%
}
.noUi-value-vertical{
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    padding-left:25px
}
.noUi-rtl .noUi-value-vertical{
    -webkit-transform:translate(0,50%);
    transform:translate(0,50%)
}
.noUi-marker-vertical.noUi-marker{
    width:5px;
    height:2px;
    margin-top:-1px
}
.noUi-marker-vertical.noUi-marker-sub{
    width:10px
}
.noUi-marker-vertical.noUi-marker-large{
    width:15px
}
.noUi-tooltip{
    display:block;
    position:absolute;
    border:1px solid #D9D9D9;
    border-radius:3px;
    background:#fff;
    color:#000;
    padding:5px;
    text-align:center;
    white-space:nowrap
}
.noUi-horizontal .noUi-tooltip{
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    left:50%;
    bottom:120%
}
.noUi-vertical .noUi-tooltip{
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    top:50%;
    right:120%
}
.noUi-horizontal .noUi-origin>.noUi-tooltip{
    -webkit-transform:translate(50%,0);
    transform:translate(50%,0);
    left:auto;
    bottom:10px
}
.noUi-vertical .noUi-origin>.noUi-tooltip{
    -webkit-transform:translate(0,-18px);
    transform:translate(0,-18px);
    top:auto;
    right:28px
}