:root {
    --success-color: #599737;
    --warning-color: #C17819;
    --error-color: #B41A1E;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.template {
    display: none;
}

.layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: hidden;
}

    .layout .window_bar {
        height: 32px;
        background-color: #444;
        color: #000;
        display: flex;
        align-items: center;
    }
    .layout .window_client {
        display: flex;
        flex-grow: 1;
        overflow-y: hidden;
    }
        .layout .window_client .vertical_menu {
            padding-top: 80px;
            width: 250px;
            flex-shrink: 0;
            background: url(./images/logo_TERRAexpertis_240.png) no-repeat center 5px, repeating-linear-gradient(315deg, #388b40, #388b40 10px, #388b40F7 10px, #388b40F7 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 .icon_application {
    width: 24px;
    height: 24px;
    background: url(images/logo_TERRAexpertis_24.png) no-repeat center center;
    margin-left: 5px;
}
.window_bar .title_application {
    color: #fff;
    padding-left: 10px;
    flex-grow: 1;
}
.window_bar .user_application {
    display: flex;
    background-color: #fff;
    border-radius: 24px;
    margin: 0 10px;
    padding: 0 5px;
}
.window_bar .user_application .user_actions {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    background-image: url(./images/user/account-48.png);
    cursor: pointer;
}
.window_bar .user_application .user_actions:hover {
    /*background-image: url(./images/user/user-menu-48.png);*/
}
.window_bar .user_application .user_name {
    color: #333;
    font-weight: bold;
    padding: 0 5px;
}
.window_bar .copyright_application {
    color: #fff;
    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: #338440 #80bb3f; /* thumb and track color */
    scrollbar-width: thin; /* scrollbar width */
}

.main_page {
    flex-grow: 1;
    border-width: 0;
    display: flex;
    flex-direction: column;
}

.main_page .main_page_header {
    display: none;
    height: 45px;
    background-color: #388b40;
}
.main_page .main_page_header .main_page_header_subtitle1,
.main_page .main_page_header .main_page_header_subtitle2,
.main_page .main_page_header .main_page_header_title {
    font-size: 26px;
    color: #fff;
    line-height: 45px;
    padding-left: 10px;
}

.main_page .main_page_header .main_page_header_toolbar {
    display: flex;
}

.selectors_container{
    display: flex;
}

.toast-container {
    position: absolute;
    top: 5px;
    right: 5px;
}

.full-height {
    height: 100%;
}

.grid_row_alert {
    background-color: #B41A1E22;
}

.authentication_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.authentication_container .authentication_logo_enterprise {
    width: 500px;
    height: 200px;
    background: url(images/logo_TERRAexpertis.jpeg) no-repeat center center;
    background-size: contain;
}