.json-object-open {
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
  padding: 2px;
  &:hover {
    background-color: var(--hover-bg-color);
  }
}

.json-object-close {
  padding: 2px;
  display: inline-block;
}

.json-object-open, .json-object-close {
  font-weight: bold;
  color:rgb(232, 147, 21);
}

.json-object, .json-array {
  display: inline-block;
  cursor: pointer;
  border-radius: 2px;
  padding: 2px;
  color:rgb(218, 74, 30);
  &:hover {
    background-color: var(--hover-bg-color);
  }
}

.json-property-name {
  display: inline-block;
}

.json-property-value {
  margin-left: 5px;
  display: inline;
}

.json-object-properties {
  margin-left: 20px;
}

.json-number, .json-null, .json-undefined, .json-string, .json-boolean, .json-date {
  display: inline;
}

.json-date {
  color: rgb(47, 169, 225);
  border: 1px solid rgb(47, 169, 225);
  border-radius: 4px;
  padding: 0px 5px;
  .tooltip-container {
    display: inline !important;
  }
}

.json-number {
  color: rgb(218, 30, 218);
}

.json-null, .json-undefined {
  color:rgb(30, 152, 218);
}

.json-string {
  // color: rgb(17, 160, 17);
  color: var(--highlight-green);
}

.json-boolean {
  color: rgb(196, 26, 77);
}