@import './variables.scss';
.el-date-editor .el-input__inner{
  padding-left: 30px !important;
}
.el-input__inner{
  padding-left: 10px!important;
}

// 必填框的背景颜色,需求改变，需要再把注释放开
// .samples-must-declared {
//     // background-color: $require;
// }
// .samples-must-declared .el-input__inner,
// .samples-must-declared .el-range-input,
// .samples-must-declared .el-textarea__inner{
//     // background-color: $require;
//   }
.samples-input-popper-class {
    background-color:$blue;
    padding:0 10px;
    margin-bottom: 6px!important;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
}
.samples-input-popper-class .popper__arrow::after {
    border-top-color:$blue!important;
}
.sample-error-message {
    display: inline-block;
    position: absolute;
    top: -27px;
    left: 50%;
    color: #fff;
    transform: translateX(-50%);
    line-height: 22px;
    padding: 0 10px;
    background-color:$red;
    border-radius: 4px;
    white-space: nowrap;
    
    
  }
  .sample-error-message::before {
    content:" ";
    display:block;
    width:0;
    height:0;
    border-width:5px 5px 5px 5px;
    border-style:solid;
    border-color:  $red transparent transparent;
    position:absolute;
    top: 21px;
    left: 50%;
    transform: translateX(-50%);
  }

.el-form-item.is-success .el-input__inner, 
.el-form-item.is-success .el-input__inner:focus, 
.el-form-item.is-success .el-textarea__inner, 
.el-form-item.is-success .el-textarea__inner:focus{
    border-color:$blue;
  }

.el-textarea{
    -ms-overflow-style:none
}

.el-textarea__inner{
  padding:5px 10px !important;
}

.el-pagination__jump .el-input__inner{
  padding:0 3px !important;
}

.el-textarea .el-input__count{
  background: transparent;
}

.el-form-item.is-required > .el-form-item__label:before, 
.el-form-item.is-required .el-form-item__label-wrap > .el-form-item__label:before{
    content: '*';
    color: $red;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 38px;
}

.samples-dialog-form .el-form-item .el-form-item__label{
  max-width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.el-col-xl-8 .el-form-item__content .el-input-group{
  vertical-align: top;
}

// .samples-dialog-form .el-input{
//   height: 32px;
// }