.mat-mdc-slide-toggle {
  .mat-mdc-slide-toggle-bar {
    background-color: var(--color-gray-300);
  }

  &.mat-mdc-slide-toggle-checked.mat-accent {
    .mdc-switch__shadow .mdc-elevation-overlay {
      background-color: var(--color-brand-dark);
    }

    .mdc-switch:enabled .mdc-switch__track::after,
    .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
      background-color: rgba(var(--color-brand-dark-rgb), 0.54);
    }
  }
}

.mat-mdc-checkbox {
  .mdc-checkbox {
    .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
      color: var(--color-white);
    }

    .mdc-checkbox__native-control[disabled]:indeterminate{
      ~.mdc-checkbox__background {
        border-color: var(--color-gray-400);
        background-color: transparent;

        .mdc-checkbox__mixedmark{
             border-color: var(--color-gray-400);
            width: 70%;
        }
    }
    }
  }

//   .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate{
//     ~.mdc-checkbox__background {
//         border-color: var(--color-gray-400);
//         background-color: transparent;

//         .mdc-checkbox__mixedmark{
//              border-color: var(--color-gray-400);
//             width: 70%;
//         }
//     }
// }
}

.ecabs-button-toggle {
  &.mat-button-toggle-group {
    border-radius: calc-rem($border-radius-large);
  }
}