/* Teal track color */
.noUi-connect {
    background: #00BCD4;
}

.noUi-horizontal {
    height: 12px !important;
}

/* Single slider - fill from left */
.noUi-target.noUi-ltr .noUi-connects .noUi-connect {
    background: #00BCD4;
}

/* Handle style */
.noUi-handle {
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: none !important;
    width: 34px !important;
    height: 22px !important;
    top: -7px !important;
    cursor: pointer !important;
}

.noUi-handle::before,
.noUi-handle::after {
    display: none;
    height: 10px !important;
}

/* Pips (tick marks + labels) */
.noUi-pips {
    color: #555;
    font-size: 11px;
}

.noUi-marker-large {
    background: #999 !important;
    height: 8px !important;
}

.noUi-marker {
    background: #ccc !important;
}

/* Value box above handle (single slider) */
.noUi-tooltip {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    padding: 2px 6px;
    bottom: 28px;
}

/* Force horizontal layout and give the slider a width */
.range_slider_class {
    display: block;
    width: 100%;
    margin: 20px 0 50px 0;
}

/* noUiSlider horizontal override */
.noUi-target {
    background: #D9D9D9;
    border: none;
    box-shadow: none;
    height: 6px;
    width: 100%;
}

/* Prevent vertical direction */
.noUi-target.noUi-vertical {
    width: 6px;
    height: 100%;
}

.noUi-pips {
    font-size: 14px !important;
}

.noUi-pips-horizontal {
    padding: 4px 0 !important;
}

.noUi-value-large {
    line-height: 1.3 !important; 
}