@import "~bootstrap/scss/custom-forms";

// Set default customise component variables here,
// Override it in theme variables files

.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-control-label {
  &::before {
    @extend .border;
    @include box-shadow(none);

    @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;
}