@import 'color.css';

label {
    color: var(--bizdocs-gray);
}

[type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 2px solid var(--bizdocs-blue);
}

[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid var(--bizdocs-green);
    border-bottom: 2px solid var(--bizdocs-green);
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    border: 2px solid var(--bizdocs-blue);
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid var(--bizdocs-green);
    background-color: var(--bizdocs-green);
}

[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
    border-color: var(--bizdocs-blue);
}

[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
    background-color: var(--bizdocs-green);
    border-color: var(--bizdocs-green);
}