.json-schema-form-editor {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .json-schema-form-editor-content .json-schema-form-editor-form .el-form .el-form-item {
    .el-form-item__label {
      color: #666;
      font-size: 12px;
      line-height: normal;

      .genFormItemRequired:before {
        content: '*';
        display: inline-block;
        margin-right: 4px;
        line-height: 1;
        font-family: SimSun;
        font-size: 14px;
        color: #ed4014;
      }
    }

    .el-form-item__content {
      line-height: 32px;

      .el-input {
        line-height: 32px;
        font-size: 12px;
      }

      .el-date-editor {
        .el-range__icon {
          line-height: 30px;
        }

        .el-range-separator {
          line-height: 28px;
        }

        .el-range-input {
          border: none;
          font-size: 12px;
          color: #515a6e;
        }
      }

      .el-input--prefix .el-input__inner {
        padding-left: 30px;
      }

      .el-input--suffix .el-input__inner {
        padding-right: 30px;
      }

      .el-input__icon {
        line-height: 32px;
        color: #cccccc;
        font-size: 12px;
      }

      .el-input__inner {
        background: #FFF;
        border-radius: 4px;
        border: 1px solid #DCDFE6;
        color: #515a6e;
        font-size: inherit;
        height: 32px;
        line-height: 32px;
        padding: 0 8px;

        &:focus {
          outline: 0;
          box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
        }
      }

      .el-textarea__inner {
        color: #515a6e;
        padding: 4px 7px;

        &:focus {
          outline: 0;
          box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
        }
      }

      .formItemErrorBox {
        line-height: 14px;
      }
    }
  }

  .el-form-item {
    margin-bottom: 14px;
  }

  .el-slider {
    margin: 0 9px;
  }

  .el-input-number {
    width: 130px;
    line-height: 30px;

    .el-input-number__decrease,
    .el-input-number__increase {
      width: 32px;

      [class*=el-icon] {
        transform: scale(.9);
      }
    }
  }

  .el-color-picker {
    height: 32px;

    .el-color-picker__trigger {
      height: 32px;
      width: 32px;
    }

    .el-color-picker__icon {
      transform: translate3d(-50%, -50%, 0) scale(.8);
    }
  }

  .el-checkbox {
    .el-checkbox__label {
      font-size: 12px;
    }
  }

  .el-radio-group {
    .el-radio__label {
      font-size: 12px;
    }
  }

  .el-upload {
    .el-button {
      padding: 9px 15px;
      font-size: 12px;
      border-radius: 3px;
    }
  }
}

.json-schema-form-editor-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;

  >span {
    margin-left: auto;
  }
}

.json-schema-form-editor-content {
  margin: 12px 0;
}

.json-schema-form-editor-form__data {
  padding: 8px;
  margin-bottom: 0;
}