.CodeMirror {
  height: auto;
  color: var(--c-text-dark);
  font-size: 14px;
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: inherit;
  font-weight: bolder;
  background-color: lightgrey;
}

.CodeMirror-container-read-only .CodeMirror-cursor {
    display: none;
}

.CodeMirror-hints {
  position: absolute;
  z-index: 91; /* just above dialogs */
  background: pink;
  overflow: hidden;
  list-style: none;
  margin-top: 5px;
  margin-left: -8px;
  padding: 0px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(34, 31, 32, 0.2);
  -moz-box-shadow: 0px 1px 4px 0px rgba(34, 31, 32, 0.2);
  box-shadow: 0px 1px 4px 0px rgba(34, 31, 32, 0.2);
  border-radius: 0px;
  border: 1px solid var(--c-border);
  background: white;
  max-height: 33em;
  overflow-y: auto;
  font-size: 13px;
}

.CodeMirror-hint {
  margin: 0px;
  padding: 6px 8px;
  border-radius: 0px;
  white-space: pre;
  color: var(--c-text-dark);
  cursor: pointer;
}

.CodeMirror-hint:hover {
  background: var(--c-secondary);
  color: white;
}

li.CodeMirror-hint-active {
  background: var(--c-secondary);
  color: white;
}

.cm-s-default .cm-comment {
    font-style: italic;
    color: var(--c-text-light);
}

.json-editor .cm-property.cm-string,
.json-editor .cm-property {
  color: rgb(80,149,163);
}

.json-editor .cm-string {
  color: rgb(15,111,17);
}