.jjson-container {
    font-size: 13px;
    line-height: 1.2;
    font-family: monospace;
    padding-left: 0;
    /*margin-left: 20;*/
    overflow: auto;
    -ms-word-wrap: normal;
    word-wrap: normal;
}

    .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: "-";
        font-size: 18px;
        width: 14px;
        text-align: center;
        line-height: 11px;
        font-family: sans-serif;
        color: #fff;
        position: absolute;
        left: -15px;
        height:14px;
        background-color:#333;
        overflow:hidden;
        /*top: 3px;*/
    }

.jjson-container .collapsed:before {
    content: "+";    
    line-height: 14px;
}

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

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

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