json-editor.css

.json-editor-container {
  transition     : all 0.5s ease-in-out;
  position       : relative;
  border         : 1px solid #000000;
  background     : #999999;
  padding        : 5px;
  font-family    : Arial;
  margin         : 5px;
  overflow       : hidden;
  vertical-align : top;
  opacity        : 1;
  max-height     : 10000px;
}

.json-editor-container.root {}

.json-editor-container.hidden-property {
  opacity    : 0.5;
  max-height : 40px;
}

.json-editor-container input[type="checkbox"] {
  border        : none;
  background    : white;
  padding       : 0;
  margin        : 0;
  width         : 15px;
  height        : 15px;
  border-radius : 100%;
}

.json-editor-container label {
  position : relative;
  display  : inline-block;
  width    : calc(30% - 25px);
  overflow : hidden;
  margin   : 5px;
}

.json-editor-container input[type="text"] {
  position : relative;
  border   : none;
  width    : calc(70% - 10px);
  margin   : 5px;
}

.json-editor-container select {
  position : relative;
  border   : none;
  width    : calc(70% - 10px);
  margin   : 5px;
}

.json-editor-container label ~ input[type="checkbox"]:after {
  content      : "unchecked";
  padding-left : 20px;
}

.json-editor-container label ~ input[type="checkbox"]:checked:after {
  content : "checked";
}