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

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


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

.x-custom-checkbox-card .custom-control-input {
  & ~ .custom-control-label {
    &::before {
      @extend .bg-light;
    }
  }
  &:indeterminate ~ .custom-control-label::after {
    background-image: none !important;
  }
}