.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 {
    position:     absolute;
    display:      block;
    height:       100%;
    line-height:  44px;
    border-right: 1px solid $color-gray-40;
    padding:      0 10px 0 14px;
    margin-left:  0;
  }

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

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

  &.autogrow {
    display: inline-block;

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

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