
.pretty-json{
    position: relative;
    overflow: scroll;
}
.pretty-json-btns
{
    position: absolute;
    visibility: hidden;
    top: 0;
    right: 0;
}
.pretty-json:hover .pretty-json-btns
{
    visibility: visible;
}
.pretty-json-btns button{
    border: none;
    margin-left: 5px;
}
.php-array,
.converted-json{
    background-color: #505050;
    color: #fff;
    padding: 10px;
}
.converted-json,
.php-array,
.raw-json
{
    display: none;
}
.pretty-json .active
{
    display: block;
}
.pretty-row
{
    margin: 5px 0 5px 10px;
}
.pretty-row b{
    color: #fd8950;
}
.pretty-row .object b{
    margin-left: 10px;
}
.pretty-row .string{
    color: yellow;
}
.pretty-row .number {
    color: #84c1fd;
}
.base64_code{
    color: #68e47e;
}
.base64_code:hover{
    cursor: pointer;
}
.base64_code.decode .encoded,
.base64_code .decoded{
    display: none;
}
.base64_code.decode .decoded,
.base64_code .encoded{
    display: inherit;
}

span.object.nested-object b{
    margin-left: 27px;
}

