@import "../../../styles/vars.scss";
.honjo-form-render {
  .el-form-item__content {
    // line-height: 37px !important;
  }
  .el-form-item__label {
    color: inherit !important;
    font-size: 14px;
  }
}
.honjo-form-render-table {
  margin-bottom: 12px;
}

.honjo-form-render-table__row {
  margin-bottom: 8px;
  padding: 12px 48px 12px 20px;
  background-color: #F9F9F9;
  border-radius: 2px;
  position: relative;
}

.honjo-form-render-table__add {
  width: 100%;
  border-style: dashed;
}

.honjo-form-render-table__remove {
  position: absolute;
  font-size: 24px;
  color: $color-danger;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  &:hover {
    cursor: pointer;
    opacity: .9;
  }
}


.honjo-form-render-plain {
  word-break: break-all;
}

.honjo-form-render-plain--ellipsis {
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.honjo-form-render-textarea {
  position: relative;
}

.honjo-form-render-textarea__tip {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  font-size: 14px;
  line-height: 20px;
  right: 2px;
  color: $text-secondary-color;
}

.honjo-form-render-selectbox_container {
  padding-top: 30px;
  position: relative;
}
.honjo-form-render-selectbox__row {
  display: flex;
  .el-select {
    border: none;
  }
  .el-input__inner {
    border: none;
    padding-left: 5px;
  }
}
.honjo-form-render-selectbox_label {
  position: absolute;
  left: 12px;
  top: 0px;
  font-size: 14px;
  color: #606266;
}

.honjo-form-render-selectbox_label:before {
  content: '*';
  position: absolute;
  left: -8px;
  color: red;
}
.itemTips {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #ff902a;
  padding-left: 17px;
}