.custom-input-check {
  @extend %custom-control,
          %custom-checkbox;
}

.custom-label-primary {
  @extend %custom-control-label;
}

.custom-control-label {
  &.x-is-invalid:before {
    @extend %border-danger
  }
}


// checkbox card
.x-custom-checkbox-card {
  @extend  %m-0;
  z-index: 2;
}

.x-custom-checkbox-card .custom-control-input {
  & ~ .custom-control-label {
    &::before {
      background-color: theme-color("light");
    }
  }
  &:indeterminate ~ .custom-control-label::after {
    background-image: none !important;
  }
}