.noUi-target
{
    border-width: 0;
    border-radius: 1rem;
    background-color: rgba(121, 10, 184, .12);
    box-shadow: none;
}

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

.noUi-horizontal
{
    height: 6px;
}

.noUi-horizontal .noUi-handle
{
    top: -4px;
    right: -.5rem;

    width: 1rem;
    height: 1rem;

    cursor: pointer;
}

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

.noUi-pips
{
    color: #b9b9c3;
}

.noUi-marker
{
    background: #ebe9f1;
}

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

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

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

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

.noUi-connect
{
    background: #790ab8;
    box-shadow: none;
}

.noUi-tooltip
{
    font-size: .857rem;
    font-weight: 500;

    padding: .1718rem .35rem;

    transform: translate(-10%, -50%);

    color: #6e6b7b;
    border: none;
    background-color: #f8f8f8;
}

.noUi-vertical
{
    display: inline-block;

    width: 6px;
}

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

.noUi-vertical .noUi-handle
{
    top: -.375rem;
    left: -.3rem;

    width: 1rem;
    height: 1rem;
}

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

.hover_val
{
    font: 400 12px Arial;

    display: block;

    margin: 15px 0;

    color: #6e6b7b;
}

.noUi-handle:focus
{
    outline: 0;
}

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

    flex: 0 0 10%;
}

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

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

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