@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{
     @extend %font-size-sm;
     &:not(.custom-control) {
      @extend .d-flex,
              .align-items-center,
              .text-grey,
              .mb-1;
     }
    .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;
    }
  }
}

.x-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;
  }
}

.x-form-control-clickable {
  @extend %cursor-pointer;

  @include x-hover-focus-active {
    background-color: $input-focus-bg;
  };
}

.x-info-group-icon {
  @extend .d-flex,
          .align-items-center;

  & > *:first-child {
    @extend .mr-1;
  }

  .x-icon {
    fill: theme-color("secondary");
  }

  .x-info-text {
    @extend %font-size-sm,
            .text-secondary;
  }
}

.x-details-info {
  strong {
    @extend %font-size-sm,
            .text-grey;
    &:after {
      content: ': ';
    }
  }
}