@import "../../../styles/vars.scss";

.glp-form-render-table {
  margin-bottom: 12px;
}

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

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

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


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

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

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

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