/* Scope checkbox colors match the existing MyCustomTheme primary (#0d6efd).
   MudCheckBox uses Color and UncheckedColor in the Razor sources. */
input.k-checkbox {
    --kendo-color-primary:#0d6efd;
    --kendo-color-on-primary:#fff;
}
input.form-check-input[type="checkbox"], input.k-checkbox {
    border-color: #0d6efd !important;
    accent-color: #0d6efd;
}
input.form-check-input[type="checkbox"]:checked,
input.k-checkbox:checked, input.k-checkbox.k-checked,
input.k-checkbox:indeterminate {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: white !important;
}
.scope-checkbox-indicator {
    display:inline-flex; align-items:center; justify-content:center;
    flex-shrink:0; width:18px; height:18px; border:2px solid #0d6efd;
    border-radius:3px; background:white; color:#0d6efd;
    font-size:17px; font-weight:700; line-height:1;
}
.scope-checkbox-indicator.scope-checkbox-checked {
    background:#0d6efd; color:white;
}