@import "~bootstrap/scss/forms";

@if ($is-sirius) {
  .form-control-sm {
    font-size: $input-btn-font-size-sm;
  }

  .form-control-lg {
    font-size: $input-btn-font-size-lg;
  }

  //Hide number spin button
  input[type=number] {
    &.form-control {
      -moz-appearance: textfield;
      &::-webkit-inner-spin-button,
      &::-webkit-outer-spin-button {
        -moz-appearance: textfield;
        -webkit-appearance: none;
        margin: 0;
      }
    }
  }
}
//
////PrimeNG InputMask
//.x-form-control-inputMask {
//  @extend .form-control;
//}

.x-form-row {
  @extend .form-row;

   label{
     &:not(.custom-control) {
      @extend .d-flex,
              .align-items-center,
              .text-info,
              .mb-2;
     }
    .x-icon-container {
      @extend .x-icon-md,
              .ml-1;
    }
  }

  .x-form-row-header {
    @extend .d-flex,
            .align-items-center,
            .justify-content-between;

    .x-icon-container {
      @extend .x-icon-md,
              .mr-2,
              .is-clickable;
    }
  }
}

.form-control-textarea {
  @extend .h-auto,
          .overflow-auto;
}


// Form row helper link
.x-help-link {
  @extend .ml-auto;
  font-size: $font-size-sm;

  a {
    @extend .text-info;
    text-decoration: none;
  }
}

.form-text {
  &:not(.x-invalid-feedback):not(.x-valid-feedback) {
    @extend .text-muted;
  }
}

.form-control-readonly {
  @extend .mb-0;
}