.create-form-outline-full-screen{
  &.no-head-space{
    margin-top:0;
  }
  box-sizing: border-box;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  width:100%;
  margin-top:30px;
  .form-items-cell{
    position: relative;
    background-color: #F4F9FF;
    text-align: left;
    margin-bottom:20px;
    .form-items-cell-close{
      position: absolute;
      right:10px;
      top:0;
      padding-right:10px;
      padding-top:10px;
      width:20px;
      height:20px;
      font-size:20px;
      cursor: pointer;
      color:red;
    }
    .line-form-items{
      width:100%;
    }
  }
  .normal-width{
    width:315px !important;
    margin-right:10px;
  }
  .small-width {
    width:150px !important;
    margin-right:10px;
  }
  .tiny-width {
    width:110px !important;
    margin-right:10px;
  }
  .el-form-item__content{
    text-align:left
  }
  .el-icon-minus{
    color: $font-color-danger;
    padding:0 10px;
    cursor: pointer;
  }
  .el-icon-plus{
    color: $font-color-success;
    padding:0 10px;
    cursor: pointer;
  }
  .el-icon-refresh{
    color: $font-color-info;
    padding:0 10px;
    cursor: pointer;
  }

  .el-color-picker{
    padding:0 10px;
  }
}



// 搜索项form布局
.simple-search-form-outline{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;

  .el-input--mini .el-input__inner{
    width:220px;
  }
  .el-form--inline .el-form-item{
    margin-right:30px;
    line-height:1.2;
    font-size:16px;
  }
}


// 高级搜索form布局
.complex-search-form-outline{
  box-sizing: border-box;
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin:30px;
  margin-bottom:20px;
  flex-wrap: wrap;
  .el-form-item--small.el-form-item{
    width:330px;
    text-align: left;
    &.max-width{
      width:100%;

    }
    .el-input--small{
      width:220px;
    }
    .el-form-item__content{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
    }
  }
}



.line-form-items{
  display: inline-flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: middle;
  .el-form-item{
    display:inline-flex;
    margin:0 !important;
  }
  .el-form-item__content{
    display: inline;
    margin:0 !important;
  }
  .el-icon-minus{
    line-height:30px;
  }
  .el-icon-plus{
    line-height:30px;
  }
  .el-icon-refresh{
    line-height:30px;
  }
}


// 弹出框内form布局
.dialog-form-outline{
  width:350px;
  margin:auto;
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  >div{
    width:100%;
  }
}

// 弹窗内form表单布局
.dialog-form-outline .el-form-item__label{
  position: relative;
}

.dialog-form-outline .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
  position: absolute;
  left:-10px;
}



.form-item-tags{
  .el-tag{
    margin-right:20px;
  }
}
.button-outline{
  margin-right:10px;
  display: inline-block;
}
.button-container-center{
  text-align:center;
}
.button-container-left{
  text-align:left;
}


.form-weak-alert{
  position:absolute;
  left:325px;
  top:0;
  color:$font-color-warning;
  line-height:1.4;
  font-size: 12px;
}
.textarea-count{
  text-align: right;
  position:absolute;
  bottom:0;
  padding-right:10px;
}
.el-input.is-disabled .el-input__inner {
  background-color: $input-bg-color-disabled;
  border-color: $input-border-color-disabled;
  color: $font-color-secondary;
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: $input-bg-color-disabled;
  border-color: $input-border-color-disabled;
  color: $font-color-secondary;
  cursor: not-allowed;
}
