.json-syntax-object-body, .json-syntax-array-body {
    padding-left: 20px;
}

.json-syntax-array-item, .json-syntax-object-field {
    margin-left: 20px;
}

.json-syntax-object:hover > .json-syntax-object-open,
.json-syntax-object:hover > .json-syntax-object-close {
    text-decoration: revert;
}

.json-syntax-array:hover > .json-syntax-array-open,
.json-syntax-array:hover > .json-syntax-array-close {
    text-decoration: revert;
}

.json-syntax-object-close, .json-syntax-array-close,
.json-syntax-object-open, .json-syntax-array-open {
    color: #8d1919;
    font-weight: bold;
}

.json-syntax-object-field-name {
    font-size: 14px;
    font-weight: bold;
    color: #1c1c1c;
}

.json-syntax-object-field-sep {
    color: #7d7c7c;
    margin-right: 5px;
    margin-left: 5px;
}
.json-syntax-comma {
    color: #7d7c7c;
    margin-left: 5px;
}

.json-syntax-string {
    color: green;
}

.json-syntax-number {
    color: blue;
}

.json-syntax-boolean {
    color: darkviolet;
}

.json-syntax-null {
    color: #593a93;
}

.json-syntax-txt {
    display: none;
}

.json-syntax-array > .json-syntax-array-body {
    border-left: 1px ridge #a4a4a4;
}

.json-syntax-object > .json-syntax-object-body {
    border-left: 1px dotted #a4a4a4;
}

.json-syntax-btn {
    float: right;
    opacity: 0;
}

.json-syntax-ui:hover .json-syntax-btn {
    opacity: 1;
}