/* ------------ Visualizer ------------- */

.visual-package {
    padding: 3px;
    border-radius: 2px;
    margin-top: 3px;
    font-size: 14px;
}

.visual-header {
    cursor: pointer;
    text-align: justify;
}

.visual-name {
    color: #625d5d;
}

.visual-array {
    background-color: #f5e1d2;
    border: thin solid #FFB780;
}

.visual-object {
    background-color: #dfe7f1;
    border: thin solid #7DA2CE;
}

.visual-string {
    color: rgb(10, 10, 10);
}

.visual-number {
    color: blue;
}

.visual-function {
    color: green;
}

.visual-open .visual-children {
    display: block;
}

.visual-closed .visual-children {
    display: none;
}

.visual-arrow {
    background-image: url("d.png");
    background-repeat: no-repeat;
    background-color: transparent;
    height: 15px;
    width: 15px;
    display: inline-block;
}

.visual-open .visual-arrow {
    background-position: -20px 0;
}

.visual-closed .visual-arrow {
    background-position: 0 0;
}

.visual-type {
    color: #cbbfbfc4;
    font-size: 7.5pt;
    float: right;
}

.hide {
    display: none !important;
}