.has-error .form-input-text,
.has-error .form-input-currency .symbol,
.form-input-text.has-error,
.has-error select.form-control,
select.form-control.has-error {
  border-color: $color-red;
}

.form-input-currency {
  position: relative;

  .symbol {
    border-right: 1px solid $color-gray-40;
    display: block;
    height: 100%;
    line-height: 44px;
    margin-left: 0;
    padding: 0 10px 0 14px;
    position: absolute;
  }

  input.form-input-text {
    padding-left: 46px;
    padding-right: 2px;

    &[disabled] {
      background-color: $color-gray-10;
    }
  }

  &.autogrow {
    display: inline-block;

    input.form-input-text {
      border: 0;
      border-bottom: 1px solid $color-gray-40;
      border-radius: 0;
      display: inline-block;
      padding: 0;
      width: auto;
    }

    .symbol {
      border: 0;
      display: inline-block;
      line-height: inherit;
      margin: 0;
      padding: 0;
      position: static;
    }
  }
}
