/*
///////////////////////////////////////////////////////////////////////////////
// Projet : VAL_WebSite
// Titre : Accueil
// Nom fichier : Accueil.css
// Version du fichier :
// Auteur : EDA
///////////////////////////////////////////////////////////////////////////////
// Description :
//  CSS de la page d'accueil (thème Office2003Silver)
///////////////////////////////////////////////////////////////////////////////
// Commentaires :
//
///////////////////////////////////////////////////////////////////////////////
// Historique :
//  - 24/09/2020 : EDA - WI 7883 : Créer le nouveau thème "Light"
//  - 17/11/2020 : LRE - WI 8627 : Thème UX3 - Implémenter le thème light dans les grilles
///////////////////////////////////////////////////////////////////////////////
// A faire :
//
///////////////////////////////////////////////////////////////////////////////
*/

.mvc-main_content_page {
    background: var(--background-dark);
}

.mvc-top_bar_left {
    background: var(--background-dark);
}

.mvc-top_bar {
    background: var(--background-lighter-2);
}

button.profile_menu_item {
    color: var(--background-dark);
}

.ux3-alerts .ux3-widget-config > .fa-cog-accueil::before {
    color: var(--background-dark);
}

.ux3-duedates .ux3-widget-config > .fa-cog-accueil::before {
    color: var(--background-dark);
}

.ux3-nocolor .ux3-widget-config > .fa-cog-accueil::before {
    color: var(--background-dark);
}

.k-card-header > div:not(.ux3-nocolor) {
    color: var(--background-dark);
}

.k-card-header > div:not(.ux3-nocolor) {
    color: #5c5c5c;
}

.profile_menu_item > div > .fa-user-compte:before {
    color: var(--background-dark) !important;
}

.right_bar_item > .fa-user-compte:before {
    color: var(--background-dark) !important;
}

.fa-icones-sitemap:before {
    color: #656565 !important;
}

.fa-bars:before, .fa-star:before, .fa-home:before {
    color: var(--background-medium-light) !important;
}

.k-card-header > .ux3-alerts {
    background: var(--background-medium-light);
}

.k-card-header > .ux3-duedates {
    background: var(--background-medium-light);
}

.k-card-header > .ux3-todo {
    background: var(--background-medium-light);
}

.k-card-header > .ux3-nocolor {
    background: var(--background-medium-light);
}



.dashboardAlertes .a-card > .a-title:hover {
    background-color: #e8e8e8;
}


.dashboardAlertes .a-subcat {
    background-color: #f7f7f7;
}

    .dashboardAlertes .a-subcat > div {
        border-bottom: 1px solid #d8d8d8;
    }

.dashboardAlertes .a-badge {
    color: var(--background-dark);
    background-color: #e6665c;
}


.dashboardAlertes .a-exception {
    color: var(--background-dark);
}


.dashboardTodo textarea {
    border-left: 2px solid #bec2dc;
    background-color: #f7f7f7;
    color: #656565;
}