.noUi-target {
    background-color: rgba(115, 103, 240, .12);
    border-radius: 1rem;
    border-width: 0
}

.noUi-target,
.noUi-target.noUi-connect {
    box-shadow: none
}

.noUi-horizontal {
    height: 6px
}

.noUi-horizontal .noUi-handle {
    cursor: pointer;
    height: 1rem;
    right: -.5rem;
    top: -4px;
    width: 1rem
}

.noUi-horizontal .noUi-tooltip {
    bottom: 135%!important
}

.noUi-pips {
    color: #aaabb4
}

.noUi-marker {
    background: #ebe9f1
}

.noUi-value {
    font-size: .857rem
}

.noUi-marker-horizontal.noUi-marker,
.noUi-marker-horizontal.noUi-marker-large {
    height: 8px
}

.noUi-handle {
    background: #fff;
    border: 2px solid #7367f0;
    border-radius: 50%;
    box-shadow: none
}

.noUi-handle:after,
.noUi-handle:before {
    display: none
}

.noUi-connect {
    background: #7367f0;
    box-shadow: none
}

.noUi-tooltip {
    background-color: #f8f8f8;
    border: none;
    color: #313131;
    font-size: .857rem;
    font-weight: 500;
    padding: .1718rem .35rem;
    transform: translate(-10%, -50%)
}

.noUi-vertical {
    display: inline-block;
    width: 6px
}

.noUi-vertical .noUi-origin {
    right: auto
}

.noUi-vertical .noUi-handle {
    height: 1rem;
    left: -.3rem;
    top: -.375rem;
    width: 1rem
}

.noUi-vertical .noUi-tooltip {
    right: 135%!important
}

.hover_val {
    color: #313131;
    display: block;
    font: 400 12px Arial;
    margin: 15px 0
}

.noUi-handle:focus {
    outline: 0
}

.slider-select,
_:-ms-lang(x) {
    flex: 0 0 10%;
    max-width: 10%
}

.dark-layout .noUi-handle {
    background-color: #283046
}

.dark-layout .noUi-tooltip {
    background-color: #161d31;
    color: #b4b7bd
}

.dark-layout .noUi-pips,
.dark-layout .noUi-value {
    color: #b4b7bd
}

.dark-layout .noUi-marker {
    background: #3b4253
}

[data-textdirection=rtl] .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    right: auto
}

[data-textdirection=rtl] .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -3px
}