.form-check-input:checked {
    background-color: green !important;
    border: 0;
}

.form-check-input:focus,
.label::after,
label.form-check-label:focus,
.form-check-input::after,
.form-check-input:not(:disabled):not(.disabled):active:focus {
    color: black;
    outline: 0;
    border: 0;
    box-shadow: 0 0 0 0.1rem green !important;
}

/* slider colorings overrides
/* ****************************** */
.rangeFloat {
    opacity: 1 !important;
}

.rangeSlider {

    --range-slider: #918781;
    --handle-border: var(--handle);
    --range-inactive: var(--handle-focus);
    --range: var(--handle-focus);
    --float-inactive: #ff6a00;
    --float: #ff6a00;
    --float-text: white;
    --pip-active: white;
    --pip-active-text: var(--pip-active);

    --handle1: #ff6a00;
    --handle3: #ff2b66;
    --handle2: #eb231c;
    --handle4: #f5d556;

}

/* slider handle color overrides
/* ****************************** */

.rangeSlider .rangeHandle {
    --handle-focus: var(--handle);
    --handle-inactive: var(--handle);
    --handle-border: var(--handle);
}

.rangeSlider .rangeHandle:nth-of-type(1) {
    --handle: var(--handle1);
}

.rangeSlider .rangeHandle:nth-of-type(2) {
    --handle: var(--handle2);
}

.rangeSlider .rangeHandle:nth-of-type(3) {
    --handle: var(--handle3);
}

.rangeSlider .rangeHandle:nth-of-type(4) {
    --handle: var(--handle4);
}

/* shared slider styles
/* ****************************** */

.rangeSlider {
    height: 3px;
}

.rangeSlider {
    .rangeNub {
        opacity: 0.5;
    }

    &.focus,
    &:hover {
        .rangeNub {
            opacity: 0.75;
        }
    }

    .rangeHandle.active {
        .rangeNub {
            opacity: 1;
        }
    }
}

.rangeSlider .rangeFloat {
    opacity: 0.5;
    background: transparent;
}

.rangeSlider.focus .rangeFloat {
    opacity: 1;
}




/* pips under sliders styling
/* ****************************** */

.rangeSlider .pip {
    height: 4px;
    font-weight: 200;

    &.selected .pipVal {
        font-weight: 300;
    }

    .pipVal {
        display: none;
        font-size: 12px;
        top: 8px;
    }
}

.rangeSlider .pip:nth-child(5n+1) {
    height: 8px;

    &.selected {
        height: 12px;

        .pipVal {
            top: 12px;
        }
    }

    .pipVal {
        display: block;
    }
}

.rangeSlider .rangeBar {
    height: 3px;
    background: linear-gradient(90deg, var(--handle1), var(--handle1) 25%, var(--handle2) 75%, var(--handle2));
}

.rangePips .pip,
.rangePips .pipVal {
    transition: all .66s ease-out;
}

.rangePips .pip.selected,
.rangePips .pip.selected .pipVal {
    transition: none;
}

.range .rangePips .pip.selected,
.range .rangePips .pip.selected .pipVal {
    transition: all 0.15s ease;
}