.mdc-checkbox__background {
  border: 1px solid #dbdfe3 !important;
  width: 19px;
  height: 19px;
  border-radius: 3px;
}

.mat-mdc-checkbox
  .mdc-checkbox
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background
  .mdc-checkbox__checkmark {
  color: $white !important;
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 15px !important;
  height: 15px !important;
  top: unset;
  bottom: unset;
}

.mat-mdc-checkbox
  .mdc-checkbox
  .mdc-checkbox__native-control:enabled
  ~ .mdc-checkbox__background
  .mdc-checkbox__mixedmark {
  border-color: $white !important;
}

.mat-mdc-checkbox-checked {
  .mdc-checkbox__background {
    border: 0 !important;
  }
}
