@import '../common/var-nb.scss';
@import '../mixins/utils.scss';
@import '../mixins/mixins.scss';

$--left-error-message-border-color: #ff0000 !default;
$--left-error-message-border-raduis: 4px !default;
$--left-error-message-background-color: rgba(236, 100, 76, .12) !default;
/* form
 ----------------------------*/
 @include b(form) {
  &.nb-form-message-positin-left {
    .el-form-item__error { 
      top: 50%;
      right: -17px;
      left: auto;
      line-height: 40px;
      text-align: left;
      font-size: 14px;
      width: 170px;
      -webkit-transform: translate(100%,-50%);
      transform: translate(100%,-50%);
      height: 40px;
      padding: 0 18px;
      padding-top: 0!important;
      color: #e83d3d;
      background-color: hsla(9,81%,61%,.12);
      border: 1px solid red;
      border-radius: 4px;
    }
  }

  &.el-form--inline{
    .nb-form-item {
      display: inline-flex;
    }
  }

  .el-form-item__success::before {
    content: '\e623';
  }

  .el-form-item__error::before {
    content: '\e685';
  }
}