@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,
.x-form-row {
  @extend %form-row;

   label{
     @extend %font-size-sm,
             %font-weight-bold;
     &:not(.custom-control) {
      @extend %d-flex,
              %align-items-center,
              %text-info,
              %text-capitalize,
              %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,
.x-form-control-textarea {
  @extend .h-auto,
          %overflow-auto;
  &.disabled {
    background-color: $input-disabled-bg;
  }
}


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

  a {
    @extend %text-info;
    text-decoration: none;
  }
}
%x-form-control-clickable,
.x-form-control-clickable {
  @extend %cursor-pointer;

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

%x-info-group-icon,
.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: ': ';
    }
  }
}

%x-form-wrapper,
.x-form-wrapper {
  @extend %pt-3,
          %pb-2,
          %px-4,
          %bg-light-transparent;

  position: relative;
}

%x-grid-wrapper,
.x-grid-wrapper {
  @extend %mx-4,
          %pt-3,
          %pb-2,
          %flex-column;

  &.row {
    flex-wrap: nowrap;
  }
}

%x-controls-slim,
.x-controls-slim {
  @extend %d-flex,
          %justify-content-center,
          %align-items-center,
          .w-100,
          %bg-light;

  & > * {
    @extend %d-flex,
            %justify-content-center,
            %align-items-center;
  }

  height: 1em;

  &:last-child {
    position: absolute;
    bottom: 0;
  }
}

%x-form-inline,
.x-form-inline {
  @extend %d-flex,
          %flex-wrap;
  white-space: nowrap;

  .custom-checkbox {
    @extend %mb-0;
  }
}

.x-textarea-with-button {
  position: relative;

  .x-button-top-right {
    position: absolute;
    top: 0;
    right: 0;

    .btn {
      @extend %p-0;
      min-width: 2.250rem;
      min-height: 2.250rem;
      border-radius: 0 $border-radius 0 0 !important;
    }
  }
}

.x-accounting-form {
  &.row > .col,
  .row > .col {
    @extend %p-0,
            %mr-5;

    &:first-child {
      @extend %ml-3;
    }

    &:last-child {
      @extend %mr-3;
    }
  }
}