.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:5px
}
.noUi-horizontal .noUi-handle{
    border-radius:50%;
    border: 0.5px;
    background-color:#1a73e8;
    box-shadow:0 1px 13px 0 rgba(0,0,0,.2);
    height:15px;
    width: 15px;
    cursor:pointer;
    margin-top:-5px;
    outline:none;
    right:-10px
}
.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;
}
.noUi-target{
    background:#d2e3fc;
    border-radius:4px;
    box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}
.noUi-connects{
    border-radius:3px
}
.noUi-connect{
    background:#1a73e8;
}
.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;
    webkit-transition:.3s ease 0s;
    transition:0.3s ease 0s
   
}
.noUi-active{
    box-shadow:inset 0 0 5px #5394e7,inset 0 5px 7px #5394e7,0 3px 6px -3px #bbb;
    transform:scale3d(1.3,1.3,1)
}
.noUi-active::before{
    content:"";
    background: #5394e7;
    z-index:-1;
    width:20px;
    border-radius:50%;
    opacity:0.5;
    top: -2.5px;
    left:-2.5px;
    position:absolute;
    height:20px;
}

.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:#5e6687;
}
.noUi-value{
    position:absolute;
    white-space:nowrap;
    text-align:center;
    font-size:0.875rem;
}
.noUi-value-sub{
    color:#ccc;
    font-size:0.875rem;
}
.noUi-marker{
    position:absolute;
    background:#6f748a;
}
.noUi-marker-sub{
    background:#5e6687;
}
.noUi-marker-large{
    background:#5e6687;
}
.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:1.5px;
    height:4px
}
.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{
    top: -100px;
    display:block;
    position:absolute;
    border: 0.5px solid #708090;
    border-radius:4px;
    color:#708090;
    padding:2px 2px;
    font-size: 0.675rem;
    text-align:center;
    white-space:nowrap;
}
.noUi-tooltip::before{
    content:'';
    position:absolute;
    transform: translate(-50%);
    left:50%;
    top:100%;
    border-top: 3px solid #708090; 
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}
.noUi-tooltip {
    display: none;
    background:white;
}
.noUi-active .noUi-tooltip {
    display: block;
}
.noUi-horizontal .noUi-tooltip{
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    left:50%;
    top: calc(-100% - 10px);
}

.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
}