/* 
    Global CSS variables 

*/
:root {
    --background-color: #f8f9fa;
    --background-darkcolor: #f0f0f0;
    --border-color: #c6d9f1;
    --dark-color: #064475;
    --primary-color: #0e76bc;
    --secondary-color: #00aeef;
    --text-color: #212121;
    --text-color-readonly: #999;
    --grey-text-color: #A0A0A1;
    --grey-color: #e9e9e9;
    --info-color: #c6d9f1;
    --error-color: #dc3545;
    --success-color: #3cb371;
    --warning-color: #ff8c00;
    --readonly-background-color: #e9ecef;
    --transparent-border-color: rgba(198, 217, 241, 0.6);
    --rgb-primary-color: rgba(14,118,188, 0.6);
    --rgb-secondary-color: rgba(0,174,239, 0.6);
    --background-blue-rgba: rgba(179, 224, 247, 0.4);
}

body,
#lexcen,
#lexcen #app-container,
#lexcen #app-container .content,
#lexcen #app-container .e-css {
    font-family: 'Roboto', sans-serif !important;
    background-color: var(--background-color);
    color: var(--text-color);
    margin: 0;
    user-select: none;
    height: 100%;
}

    #lexcen #app-container .e-css {
        background-color: transparent;
    }

#lexcen {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    display: grid;
    grid-template-rows: 60px calc(100vh - 60px);   
}

p {
    margin-block-start: 0.33em;
    margin-block-end: 0.33em;
}
/* 
    Global CSS variables 
*/