.noUi-background
{
    background: #ebebeb;
}

.noUi-target
{
    border: none;
    border-radius: 1rem; 
    background-color: #e4e4e4;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.noUi-target.noUi-connect
{
    -webkit-box-shadow: none;
            box-shadow: none;
}

.noUi-horizontal
{
    height: 10px;
    padding-left: 17px;
}
.noUi-horizontal .noUi-handle
{
    top: -5px;
    right: -1px; 

    width: 20px;
    height: 20px;
}
.noUi-horizontal .noUi-origin
{
    right: 17px;
    left: -17px;
}
.noUi-horizontal.slider-xl
{
    height: 14px;
}
.noUi-horizontal.slider-xl .noUi-handle
{
    top: -7px; 

    width: 28px;
    height: 28px;
}
.noUi-horizontal.slider-lg
{
    height: 12px;
}
.noUi-horizontal.slider-lg .noUi-handle
{
    top: -6px; 

    width: 24px;
    height: 24px;
}
.noUi-horizontal.slider-sm
{
    height: 6px;
}
.noUi-horizontal.slider-sm .noUi-handle
{
    top: -7px;
}
.noUi-horizontal.slider-xs
{
    height: 3px;
}
.noUi-horizontal.slider-xs .noUi-handle
{
    top: -8px;
}

.noUi-handle
{
    border: none;
    border: 5px solid #967adc; 
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.noUi-handle:after,
.noUi-handle:before
{
    display: none;
}

.circle-filled .noUi-handle
{
    border-radius: 50%; 
    background: #967adc;
}
.circle-filled .noUi-handle:after,
.circle-filled .noUi-handle:before
{
    display: none;
}

.square .noUi-handle
{
    border-radius: 3px; 
    background: #967adc;
}
.square .noUi-handle:before
{
    top: 0; 
    right: 2px;

    display: block;

    width: 2px;
    height: 10px;
}
.square .noUi-handle:after
{
    top: 0; 
    right: 7px;

    display: block;

    width: 2px;
    height: 10px;
}

.square.slider-xl .noUi-handle:before
{
    top: 4px; 
    right: 5px;
}

.square.slider-xl .noUi-handle:after
{
    top: 4px; 
    right: 10px;
}

.square.slider-lg .noUi-handle:before
{
    top: 2px; 
    right: 3px;
}

.square.slider-lg .noUi-handle:after
{
    top: 2px; 
    right: 8px;
}

.noUi-connect
{
    background: #967adc;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.noUi-vertical
{
    display: inline-block;

    width: 8px;
    height: 150px;
}
.noUi-vertical .noUi-handle
{
    top: -5px;
    right: -6px; 

    width: 20px;
    height: 20px;
}
.noUi-vertical.square .noUi-handle
{
    border-radius: 3px; 
    background: #967adc;
}
.noUi-vertical.square .noUi-handle:before
{
    top: 2px; 
    right: -1px;

    display: block;

    width: 12px;
    height: 2px;
}
.noUi-vertical.square .noUi-handle:after
{
    top: 7px; 
    right: -1px;

    display: block;

    width: 12px;
    height: 2px;
}