@error-icon : '\E6F7';
@warning-icon : '\E6F4';
@success-icon : '\E6F8';
@validating-icon : '\E6FF';
.ht-base-form-item{
  .mixin-class{
    font-size: 16px;
    font-family: "uedicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
  }
  @keyframes validating-load-loop{
    0%{
      transform: rotate(0);
    }
    50%{
      transform: rotate(180deg);
    }
    100%{
      transform: rotate(360deg);
    }
  }
  //input,DatePicker验证相关
  &.ivu-form-item-error{
    .ivu-input{
      border:1px solid @error-color;
    }
    .ivu-input-wrapper{
      .ivu-input-suffix{
        right: 28px;
        width: auto;
      }
      &:after{
        .mixin-class();
        content:@error-icon;
        color:@error-color;
      }
    }
  }
  &.ivu-form-item-warning{
    .ivu-input{
      border:1px solid @warning-color;
    }
    .ivu-input-wrapper{
      .ivu-input-suffix{
        right: 28px;
        width: auto;
      }
      &:after{
        .mixin-class();
        content:@warning-icon;
        color:@warning-color;
      }
    }
  }
  &.ivu-form-item-success{
    //.ivu-input{
    //  border:1px solid @success-color;
    //}
    .ivu-input-wrapper{
      .ivu-input-suffix{
        right: 28px;
        width: auto;
      }
      &:after{
        .mixin-class();
        content:@success-icon;
        color:@success-color;
      }
    }
  }
  &.ivu-form-item-validating{
    .ivu-input-wrapper{
      .ivu-input-suffix{
        right: 28px;
        width: auto;
      }
    }
  }
  //select验证相关
  &.ivu-form-item-error{
    .ivu-select-selection{
      border:1px solid @error-color;
      .ivu-select-arrow{
        right: 28px;
      }
      &:after{
        .mixin-class();
        content:@error-icon;
        color:@error-color;
      }
    }
  }
  &.ivu-form-item-warning{
    .ivu-select-selection{
      border:1px solid @warning-color;
      .ivu-select-arrow{
        right: 28px;
        //color:@warning-color;
      }
      &:after{
        .mixin-class();
        content:@warning-icon;
        color:@warning-color;
      }
    }
  }
  &.ivu-form-item-success{
    .ivu-select-selection{
      //border:1px solid @success-color;
      .ivu-select-arrow{
        right: 28px;
        //color:@success-color;
      }
      &:after{
        .mixin-class();
        content:@success-icon;
        color:@success-color;
      }
    }
  }
  &.ivu-form-item-validating{
    .ivu-select-selection{
      .ivu-select-arrow{
        right: 28px;
      }
      &:after{
        .mixin-class();
        content:@validating-icon;
        animation: validating-load-loop 1s linear infinite;
        color:@primary-color;
        top:30%;
      }
    }
  }
  //inputNumber验证相关
  &.ivu-form-item-error{
    .ivu-input-number{
      border:1px solid @error-color;
      .ivu-input-number-handler-wrap{
        z-index: 999;
      }
    }
    .ivu-input-number:after{
      .mixin-class();
      content:@error-icon;
      color:@error-color;
    }
  }
  &.ivu-form-item-warning{
    .ivu-input-number{
      border:1px solid @warning-color;
      .ivu-input-number-handler-wrap{
        z-index: 999;
      }
    }
    .ivu-input-number:after{
      .mixin-class();
      content:@warning-icon;
      color:@warning-color;
    }
  }
  &.ivu-form-item-success{
    .ivu-input-number{
      //border:1px solid @success-color;
      .ivu-input-number-handler-wrap{
        z-index: 999;
      }
    }
    .ivu-input-number:after{
      .mixin-class();
      content:@success-icon;
      color:@success-color;
    }
  }
  &.ivu-form-item-validating{
    .ivu-input-number{
      .ivu-input-number-handler-wrap{
        z-index: 999;
      }
    }
    .ivu-input-number:after{
      .mixin-class();
      content:@validating-icon;
      animation: validating-load-loop 1s linear infinite;
      color:@primary-color;
      top:0;
    }
  }
  .ivu-input-group-prepend{
    .ht-base-icon{
      font-size: 20px;
    }
  }
}
