@charset "UTF-8";
@import "../../style/function";

$msgHeight: 16px;
$gap: 3px;

.im-validator {
  &--right {

    .im-validator-msg {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
    }
  }

  &--bottom {
    .im-validator-enhancer {
      position: relative;
      padding-bottom: $msgHeight + $gap;
    }

    .im-validator-msg {
      position: absolute;
      margin-top: $gap;
    }

    .im-form-row {
      height: 50px;
    }
  }

  &-enhancer {
    &--error {
      input,
      textarea {
        border-color: $colorError;
      }
    }
  }

  &-msg {
    line-height: $msgHeight;

    &--error &-text {
      color: $orange;
      font-size: 14px;
      padding-left: 5px;
    }

    &-icon {
      width: 14px;
      height: 14px;
    }

    .i-alert {
      color: $orange;
    }

    .i-success {
      color: $green;
    }

    .i-info {
      color: $primary;
    }
  }
}