@import "_variables.css";

/** checkbox and radio button css */
.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--zb-primary) !important;
    border-color: var(--zb-primary) !important;
}

.form-check-input[type=checkbox]:checked {
    background-color: var(--zb-primary) !important;
    border-color: var(--zb-primary) !important;
}

input[type=checkbox] {
    --vz-form-check-bg: var(--vz-input-bg-custom) !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    width: 1.1em !important;
    height: 1.1em !important;
    margin-top: .2em !important;
    vertical-align: top !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: var(--vz-form-check-bg) !important;
    background-image: var(--vz-form-check-bg-image) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: var(--vz-border-width) solid var(--vz-border-color-translucent) !important;
    print-color-adjust: exact !important;
    border-radius: .25em !important;
}

input[type=checkbox]:checked {
    background-color: var(--zb-primary) !important;
    border-color: var(--zb-primary) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

input[type=checkbox]:disabled {
    pointer-events: none !important;
    -webkit-filter: none !important;
    filter: none;
    opacity: .5 !important;
}
/** checkbox and radio button css */