.jjson-container {
    font-size: 13px;
    line-height: 1.2;
    font-family: monospace;
    margin: 0;
    padding: 0.5em 0.5em 0.5em 2.5em;
    height: 100%;
    overflow: auto;
}
.jjson-container,
.jjson-container ul{
    list-style: none !important;
}
.jjson-container ul{
    padding: 0px !important;
    padding-left: 20px !important;
    margin: 0px !important;
}

.jjson-container li {
    position: relative;
}

.jjson-container > li  > .key,
.jjson-container .array .key {
    display: none;
}

.jjson-container .array .object .key {
    display: inline;
}

.jjson-container li:after {
    content: ",";
}

.jjson-container li:last-child:after {
    content: "";
}

.jjson-container .null {
    color: #999;
}
.jjson-container .string {
    color: #4e9a06;
}
.jjson-container .number {
    color: #a40000;
}
.jjson-container .boolean {
    color: #c4a000;
}
.jjson-container .key {
    color: #204a87;
}
.jjson-error {
    margin: 10px;
    color: rgb(239, 62, 62);
}
.jjson-container .expanded {
    cursor: pointer;
}
.jjson-container .expanded:before {
    content: '\2d';
    font-family: 'Font Awesome Kit';
    position: absolute;
    left: -28px;
    top: -2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    background-color: #f5f5f5;
    line-height: 2;
}

.jjson-container .collapsed:before {
    content: '\2b';
}

.jjson-container li .collapsed ~ .close:before {
    content: "... ";
    color: #999;
}

.jjson-container .hidden ~ ul {
  display: none;
}

.jjson-container span {
    position: static !important;
}