:root {
    --success-color: #599737;
    --warning-color: #C17819;
    --error-color: #B41A1E;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    
}

.template {
    display: none;
}

.layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: hidden;
}

    .layout .window_bar {
        height: 32px;
        background-color: #034972;
        color: #000;
        display: flex;
        align-items: center;
    }
    .layout .window_client {
        display: flex;
        flex-grow: 1;
        overflow-y: hidden;
    }
        .layout .window_client .vertical_menu {
            width: 250px;
            flex-shrink: 0;
            /*background-color: #034972;*/
            background: repeating-linear-gradient(315deg, #034972, #034972 10px, #034972F7 10px, #034972F7 20px);
            display: flex;
            flex-direction: column;
        }
        .layout .window_client .main_page {
            flex-grow: 1;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            overflow-y: hidden;
        }

.window_bar .title_application {
    color: #fff;
    padding-left: 10px;
    flex-grow: 1;
}
.window_bar .copyright_application {
    color: #ccc;
    font-style: italic;
    padding-right: 10px;
}

.vertical_menu .logo_application {
    height: 132px;
    background: url("images/logo_application_250.png") no-repeat center center;    
}
.vertical_menu .list_menu {
    flex-grow: 1;
    padding: 10px;
    overflow-y: auto;
    scrollbar-color: #0b4f77 #011c37; /* thumb and track color */
    scrollbar-width: thin; /* scrollbar width */
}

#main_page {
    flex-grow: 1;
    border-width: 0;
}

.selectors_container{
    display: flex;
}

.toast-container {
    position: absolute;
    top: 5px;
    right: 5px;
}

.authentication_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.authentication_container .authentication_logo_enterprise {
    width: 250px;
    height: 132px;
    background: url(images/logo_application_250.png) no-repeat center center;
    background-size: contain;
}