.custom-control {
  @extend %align-items-center;

  &:not(.custom-control-inline) {
    @extend %d-flex;
  }

  &.custom-control-inline {
    @extend %mb-0;
  }

  .form-group & {
    min-height: 2.25rem;
  }

  &.custom-checkbox-primary {
    @extend %pl-5;
  }
}


.custom-control-label {

  &::after {
    left: -3rem !important;
  }
  &::before {
    @extend %border;
    @include box-shadow(none);
    left: -3rem !important;

    @at-root {
      .custom-control-input:not(:checked):focus ~ & {
        @extend %border-primary;
        @include box-shadow($custom-select-focus-box-shadow);
      }
      .custom-control-input:checked ~ & {
        @extend %border-primary;
        border-width: 2px !important;
      }
    }
  }
}

.custom-select-sm {
  line-height: 1.1;
}