/*****************************************************************************/
/* Header
/*****************************************************************************/
:root{ 
    --header-height: 70px;
    --header-bg-color: #ffffff;
    --header-border-color: #e3e8ee;
    --header-text-size: 16px;
    --header-text-color: #545861;
    --header-text-color-active: #7839ee;
    --header-text-bg-color-active: #e6e1ff;
    --header-text-color-hover: #7839ee;
    --header-text-bg-color-hover: #e6e1ff;
}
#webapp-header {
    height: var(--header-height);
    background-color: var(--header-bg-color);
    border-bottom: 1px solid var(--header-border-color);
    z-index: 1000;
}
#webapp-header .navbar-light .navbar-nav .nav-link {
    font-size: var(--header-text-size);
    color: var(--header-text-color);
}
#webapp-header .navbar-light .navbar-nav .active .nav-link {
    color: var(--header-text-color-active) !important;
    background-color: var(--header-text-bg-color-active);
    border-radius: 8px;
    text-decoration: none !important;
}
#webapp-header .navbar-light .navbar-nav .nav-link:hover {
    color: var( --header-text-color-hover) !important;
    background-color: var(--header-text-bg-color-hover);
    border-radius: 8px;
    text-decoration: none !important;
}
#webapp-header .dropdown-menu .dropdown-item {
    line-height: 24px;
    margin-bottom: 4px;
    padding: 0.375em 0.75em;
}
#webapp-header .dropdown-menu .active .dropdown-item {
    color: var(--header-text-color-active) !important;
    background-color: var(--header-text-bg-color-active);
    text-decoration: none !important;
}
#webapp-header .dropdown-item:hover {
    color: var( --header-text-color-hover) !important;
    background-color: var(--header-text-bg-color-hover);
}

#header-mobile .dropdown-menu {
    background-color: #fff !important;
}
#header-mobile .dropdown-menu li a:hover {
    color: var( --header-text-color-hover) !important;
    background-color: var(--header-text-bg-color-hover);
    border-radius: 8px;
    text-decoration: none !important;
}