#editor {
    width: 100%;
    padding: 20px;
    background-color: #444;
    color: white;
    /*font-size: 14px;*/
    font-family: monospace;
    overflow: auto;
}
    #editor:hover {
        cursor: pointer;
    }

#menuEditor {
    width: 100%;
    padding: 20px;
    background-color: #444;
    color: white;
    /*font-size: 14px;*/
    font-family: monospace;
    overflow: auto;
}

#entrysyntaxEditor {
    width: 100%;
    padding: 20px;
    background-color: #444;
    color: white;
    /*font-size: 14px;*/
    font-family: monospace;
    overflow: auto;
}

    #entrysyntaxEditor:hover {
        cursor: pointer;
    }

#dashboardsyntaxEditor {
    width: 100%;
    padding: 20px;
    background-color: #444;
    color: white;
    /*font-size: 14px;*/
    font-family: monospace;
    overflow: auto;
}

    #dashboardsyntaxEditor:hover {
        cursor: pointer;
    }

.statement {
    color: orange;
   /* font-size: 18px;*/
}
    .statement::selection {
        background-color: #ffff00; /* Replace with your desired highlight color */
        color: #000000;

    }
.statement1 {
    color:burlywood;
   /* font-size: 18px;*/
}
    .statement1::selection {
        background-color: #ffff00; /* Replace with your desired highlight color */
        color: #000000;

    }
.statement2 {
    color: burlywood;
   /* font-size: 18px;*/
}
    .statement2::selection {
        background-color: #ffff00; /* Replace with your desired highlight color */
        color: #000000;

    }
.statement3 {
    color:aqua;
   /* font-size: 16px;*/
}
    .statement3::selection {
        background-color: #ffff00; /* Replace with your desired highlight color */
        color: #000000;

    }
.statement0 {
    color: red;
}
    .statement0::selection {
        background-color: #ffff00; /* Replace with your desired highlight color */
        color: #000000;

    }
.statementn {
    color: brown;
}
.other::selection {
    background-color: #ffff00; /* Replace with your desired highlight color */
    color: #000000;

}

.modal-backdrop {
    background-color: rgba(0,0,0,0.05) !important;
}



.sub-sections {
    
    cursor: pointer;
    
}
.sub-sections:hover {
    color: blue;
}

.hidden {
    display: none;
}

.main-section {
    cursor: pointer;
}

    .main-section::after {
        content: ' ▼';
    }

.sub-sections.hidden + .main-section::after {
    content: ' ►';
}

.dataListXXX1 {
    position: absolute;
    z-index: 1;
    width: 100%;
}

    .dataListXXX1 li {
        cursor: pointer;
        padding: 5px;
        background-color: antiquewhite;
    }

        .dataListXXX1 li:hover {
            background-color: #e0e0e0;
        }