.gray-disabled-checkbox:disabled:checked {
    border-color: gray !important;
    background-image: url(../../img/disabled-check.svg) !important;
    background-color: lightgray !important;
}

.gray-disabled-checkbox:disabled {
    border-color: gray !important;
    background-color: lightgray !important;
}

/*Changes for new slider look*/
.slider-input {
    width: 40px !important;
    height: 20px;
    background-color: var(--dark-grey);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.slider-input:disabled{
    background-color: var(--light-grey-3);
    border: 1px solid var(--light-grey-3);
}

.slider-input:checked:disabled{
    background-color: var(--mid-blue);
    opacity: 30%;
}