.x-form-check {
  @extend .form-check,
          .d-flex,
          .custom-control,
          .custom-checkbox,
          .m-0,
          .p-0,
          .align-items-center;

  &:checked ~ .x-check-badge-label::before {
    @extend .border-white;
  }
}

.x-form-check-input {
  @extend .custom-control-input,
          .mt-0,
          .mr-1;
}

.x-form-check-label {
  @extend .custom-control-label,
          .d-flex,
          .align-items-center;
}