/*---Power pages colors---*/
/*:root {
    --portalThemeColor1: #05775b; //circle 1 - Main color - Green
    --portalThemeColor2: #04624a; //circle 5 - Hover color - Dark Green
    --portalThemeColor3: #d8e9e5; //circle 6 - Main color light  - to verify the HEX (hover ok but focus not ok
    --portalThemeColor4: #333333; //circle 2 - Text dark color1
    --portalThemeColor5: #D9D9D9; //circle 7 - Separations and stroke color
    --portalThemeColor6: #949494; //circle 8 - Forms border - Contrast ok 
    --portalThemeColor7: #505666; //circle 3 - Text dark color2 - light
    --portalThemeColor8: #F6F8FA; //circle 4 - background color
    --portalThemeColor9: #0A4BD8; //circle 9 - Blue information
    --portalThemeColor10: ;
    --portalThemeColor11: ;
    --portalThemeColor12: ;
    --portalThemeOnColor1: #000000;
    --portalThemeOnColor2: #FFFFFF;
    --portalThemeOnColor3: #000000;
    --portalThemeOnColor4: #FFFFFF;
    --portalThemeOnColor5: #000000;
    --portalThemeOnColor6: #FFFFFF;
    --portalThemeOnColor7: #000000;
    --portalThemeOnColor8: #FFFFFF;
    --portalThemeOnColor9: #FFFFFF;
    --portalThemeOnColor10: ;
    --portalThemeOnColor11: ;
    --portalThemeOnColor12: ;
}*/
/*:root {
    --mainColor: #008285;
    --textColor: #333333;
    --textColorSecondary: #929292;
    --darkGray: #525252;
    --LightGray: #F6F8FA;
}

body {
    background-color: var(--LightGray);
}*/

/* ===============================
  Sidebar
================================= */
/* Active state */
.sidebar ul li.active span, .sidebar ul li.active i {
    color: white;
}

/* ===============================
  Header Menu
================================= */
/*FROM HARD CODING*/
        .user-info {
            position: relative;
            display: inline-block;
        }
        
        .user-dropdown-content {
            /*display: none;*/
            position: absolute;
            top: 100%;
            background-color: #f1f1f1;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }
        
        .user-dropdown-content ul{
            padding-left: 5px;
        }
        .user-dropdown-content ul li{
            list-style-type: none;
            margin-top: 10px;
        }
        .user-dropdown-content ul li a {
            text-decoration: none;
            color: black;
        }
        .user-dropdown-content ul li a:hover{
            text-decoration: none !important;
            color: #fff;
        }
        .user-dropdown-content .username{
            font-weight: bold;
        }
        .user-dropdown-content .user-email{
            font-style: italic;
            font-size: small;
        }
        
        .user-info:hover .user-dropdown-content, .user-info:focus .user-dropdown-content {
            display: block;
        }
        
        .user-info:hover .user-dropdown {
            background-color: var(--portalThemeColor1);
        }
/*END FROM HARD CODING*/        

/* hover state */
.user-dropdown-content ul li:hover span, .user-dropdown-content ul li:hover i {
    color: white;
}
#userContainer .user-dropdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
}
#userContainer:hover .user-dropdown {
    background-color: white;
}
#userContainer:hover .user-dropdown * {
    color: var(--portalThemeColor4) !important;
}
#userContainer .user-dropdown-content {
    width: max-content;
    right: 0;
    min-width: 300px;
}

.user-dropdown-content ul {
    width: 100%;
    background-color: white;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 0 !important;
    margin-top: 4px;
}
.user-dropdown-content {
    background-color: transparent !important;
    box-shadow: none !important;
}
.user-dropdown-content ul li {
    list-style-type: none;
    margin-top: 10px;
    padding: 16px;
    margin: 0;
    font-size: 16px;
    color: var(--portalThemeColor4);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.user-dropdown-content ul li a {
    font-size: 16px;
}
.user-dropdown-content ul li:first-child {
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    flex-direction: column;
}
.user-dropdown-content ul li:first-child:hover {
    background-color: white !important;
    color: var(--portalThemeColor4) !important;
}
.user-dropdown-content ul li:hover {
    background-color: var(--portalThemeColor1);
    color: #fff;
}
.user-dropdown-content ul li i {
    color: var(--portalThemeColor4);
    font-size: 24px;
    margin-bottom: 36px;
    margin: 0 12px 0 0;
}

.user-dropdown-content ul li .profile-icon i {
    margin: 0;
    color: var(--portalThemeColor1) !important;
}
.user-dropdown-content ul li:hover .profile-icon i {
    color: var(--portalThemeColor1) !important;
}

.notification-icon:hover i {
    color: var(--portalThemeColor1) !important;
}

/*Label Personne moral et Personne Physique */
#identity {
    margin-bottom: 24px;
    background-color: var(--portalThemeColor1) !important;
    border-color: var(--portalThemeColor1) !important;
}