:root {
    --WebMegaMenu-BackgroundColor: var(--df-MainRegular);
    --WebMegaMenu-HoverColor: var(--df-MainDark);
    --WebMegaMenu-TextColor: var(--df-Grayscale8);
    --WebMegaMenu-DisabledTextColor: var(--df-Grayscale1);
    --WebMegaMenu-BorderColor: var(--df-MainDark);
    --WebMegaMenu-SubmenuBackgroundColor: var(--df-MainRegular);
    --WebMegaMenu-SubmenuTextColor: var(--df-Grayscale8);
    --WebMegaMenu-SubmenuSelectedColor: var(--df-MainLight);
    --WebMegaMenu-SubmenuBorderColor: var(--df-Grayscale5);
    --WebMegaMenu-FlyoutBackgroundColor: var(--df-MainLight);
    --WebMegaMenu-FlyoutTextColor: var(--df-Grayscale8);
    --WebMegaMenu-SidebarActiveColor: var(--df-MainLight);
    --WebMegaMenu-SidebarHoverColor: var(--df-MainDark);
    --HorizontalMenuMain: var(--WebMegaMenu-BackgroundColor);
    --HorizontalMenuSelected: var(--WebMegaMenu-HoverColor);
    --VerticalMenuSelected: var(--WebMegaMenu-SubmenuSelectedColor);
    --VerticalSubMenuTopBottomBorderColor: var(--WebMegaMenu-SubmenuBorderColor);
    --VerticalSubMenuColor: var(--WebMegaMenu-SubmenuBackgroundColor);
    --DeepestMenuColor: var(--WebMegaMenu-FlyoutBackgroundColor);
    --NavigationElementFontColor: var(--WebMegaMenu-FlyoutTextColor);
    --FontColor: var(--WebMegaMenu-SubmenuTextColor);
    --SidebarLevelOneActive: var(--WebMegaMenu-SidebarActiveColor);
    --MenuBorderColor: var(--WebMegaMenu-BorderColor);
    --WebMegaMenu-SubmenuIndent: 14px;
    --WebMegaMenu-AnimationDuration: .32s;
    --WebMegaMenu-AnimationEase: ease;
    --WebMegaMenu-QuickAnimationDuration: .22s;
    --WebMegaMenu-ScrollRestoreDuration: .22s;
    --WebMegaMenu-CollapseTextDelay: .05s;
    --WebMegaMenu-AccordionMaxHeight: 400px;
    --WebMegaMenu-SidebarItemHeight: 48px;
    --WebMegaMenu-ScrollbarColor: var(--df-MainDark);
    --WebMegaMenu-ScrollbarWidth: 6px;
    --WebMegaMenu-FlyoutBridgeWidth: calc(var(--WebMegaMenu-ScrollbarWidth) + 2px);
    --WebMegaMenu-FocusColor: var(--df-FocusColor, var(--df-MainLight));
    --distanceBetweenGroups: 20px;
}
/* Main styling for the horizontal menu bar */
.WebMegaMenu {
    background: var(--HorizontalMenuMain);
    height: 40px;
    padding: 0px;
    margin: 0px;
    color: white;
}

.WebMegaMenu ul.WebMegaMenuRoot>li>div>a {
    color: inherit;
    padding: 10px 15px 10px 15px;
    display: block;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.WebMegaMenu ul li a {
    white-space: nowrap;
}

.WebMegaMenu .VerticalSubMenu {
    cursor: default;
}

.DeepestMenu li a,
.VerticalSubMenu li a {
    display: block;
    margin: 8px 0 0 8px;
}

.WebMegaMenu .WebMenuItem>div>span.WebItm_Icon {
    display: none;
}

.WebMegaMenu ul li.WebItm_Expanded .VerticalSubMenu {
    visibility: visible;
}

.WebMegaMenu ul li .DeepestMenu,
.WebMegaMenu ul li .VerticalSubMenu {
    visibility: hidden;
}

/* Level 0 */
.WebMegaMenu ul>li>div {
    display: flex;
    flex-direction: row;
}

.WebMegaMenu ul.WebMegaMenuRoot>li {
    float: left;
}

.WebMegaMenu ul.WebMegaMenuRoot>li>div {
    padding: 0px;
}

.WebMegaMenu ul.WebMegaMenuRoot>li.Web_Disabled {
    /* Text color for disabled menu items */
    color: var(--df-Grayscale1);
}

.WebMegaMenu ul.WebMegaMenuRoot>li {
    /* This sets the text color */
    color: var(--df-Grayscale8);
}

.WebMegaMenu:not(.WebMegaMenu_Sidebar).Web_Enabled ul.WebMegaMenuRoot>li:hover>div,
.WebMegaMenu.WebMegaMenu_Horizontal.Web_Enabled ul.WebMegaMenuRoot>li:hover>div,
.WebMegaMenu:not(.WebMegaMenu_Sidebar) ul.WebMegaMenuRoot>li.WebItm_Selected>div,
.WebMegaMenu.WebMegaMenu_Horizontal ul.WebMegaMenuRoot>li.WebItm_Selected>div {
    background-color: var(--HorizontalMenuSelected);
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.WebMegaMenu:not(.WebMegaMenu_Sidebar) ul.WebMegaMenuRoot>li:hover,
.WebMegaMenu.WebMegaMenu_Horizontal ul.WebMegaMenuRoot>li:hover,
.WebMegaMenu:not(.WebMegaMenu_Sidebar) ul.WebMegaMenuRoot>li.WebItm_Selected,
.WebMegaMenu.WebMegaMenu_Horizontal ul.WebMegaMenuRoot>li.WebItm_Selected {
    background-color: none;
}

/* Level 1 */

.WebMegaMenu ul li ul {
    position: fixed;
    /*
        We set the z-index for sub menu's because of the transparency toolbar item issue and to make 
        them display above dialogs.
    */
    z-index: 100;
}

.WebMegaMenu ul li ul li {
    clear: both;
    float: left;
}

.WebMegaMenu .WebMenuItem,
.WebToolBar .WebMenuItem.Web_Enabled {
    cursor: pointer;
}

.WebMegaMenu>div>span.WebItm_Icon {
    height: 16px;
    width: 16px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
}

.WebMenuItem>div>a,
.WebMenuItem>div>a:focus {
    text-decoration: none;
    outline: none;
}

li.Web_Disabled>div {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

.WebMenuItem>div>a {
    cursor: inherit;
}

/* Level 2 */
.WebItm_CheckBox {
    cursor: pointer;
}

/* Vertical sub menu */
.VerticalSubMenu {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: var(--VerticalSubMenuColor) !important;
    border: 1px solid lightgray;
    border-top: none;
    min-width: 223px;
    margin-top: -1px;
    margin-left: 0px;
}

.VerticalSubMenu>li {
    color: var(--FontColor);
    height: 37px;
    line-height: 14px;
    padding-left: 0px;
    padding-right: 5px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.DeepestMenu {
    display: flex;
    flex-flow: column wrap;
    background-color: var(--DeepestMenuColor);
    box-sizing: border-box;
}

.MenuBreak {
    flex-basis: 100%;
    height: 0;
}


li.WebItm_Expanded>.DeepestMenu {
    visibility: visible !important;
}

.DeepestMenu li {
    height: 25px;
    line-height: 14px;
    break-inside: avoid;
    padding-left: 0px;
    padding-right: 20px;
    color: var(--NavigationElementFontColor);
    box-sizing: border-box;
    font-weight: normal;
}

.DeepestMenu li.WebItm_Selected {
    font-weight: bold;
}

.DeepestMenu li.WebItm_BgnGroup {
    font-weight: bold;
    color: black;
    text-decoration: none;
    cursor: default;
}

.DeepestMenu>li.WebItm_BgnGroup:not(:first-child) {
    margin-top: var(--distanceBetweenGroups);
}

.VerticalSubMenu>li.WebItm_Expanded {
    background-color: var(--VerticalMenuSelected);
    border: 1px solid var(--VerticalSubMenuTopBottomBorderColor);
    border-left: none;
    border-right: none;
    font-weight: bold;
}

.VerticalSubMenu>li>.DeepestMenu {
    position: absolute;
    width: max-content;
    left: 100%;
    top: 0;
    border-left: none;
}

/* Mega menu group */
.MegaMenuGroup {
    display: flex;
    flex-direction: column;
    height: fit-content;
    width: fit-content;
    margin-bottom: var(--distanceBetweenGroups);
    box-sizing: border-box;
}

/* Align the logout button all the way to the right */
.LogoutMenuButton {
    float: right !important;
}


/* Sidebar accordion menu */
.WebMegaMenu.WebMegaMenu_Sidebar,
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar {
    background: var(--VerticalSubMenuColor);
    color: var(--FontColor);
}

.WebMegaMenu.WebMegaMenu_Sidebar {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    min-height: 100%;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid var(--MenuBorderColor);
    box-sizing: border-box;
    transition: width var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), min-width var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase);
}

.WebMegaMenu.WebMegaMenu_Sidebar.WebCon_Focus,
.WebMegaMenu.WebMegaMenu_Sidebar:focus-within {
    outline: none;
}

.WebMegaMenu.WebMegaMenu_Sidebar.WebCon_Focus::after,
.WebMegaMenu.WebMegaMenu_Sidebar:focus-within::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
    border: 2px solid var(--WebMegaMenu-FocusColor);
    box-sizing: border-box;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar:focus {
    outline: none;
}

.WebMegaMenu.WebMegaMenu_Sidebar > .WebCon_Inner,
.WebMegaMenu.WebMegaMenu_Sidebar > .WebCon_Inner > div,
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.WebMegaMenu.WebMegaMenu_Sidebar > .WebCon_Inner,
.WebMegaMenu.WebMegaMenu_Sidebar > .WebCon_Inner > div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.WebMegaMenu.WebMegaMenu_SidebarLeft {
    float: left !important;
    margin-left: 0;
    margin-right: 0;
    border-left: none;
}

.WebMegaMenu.WebMegaMenu_SidebarRight {
    float: right !important;
    margin-left: 0;
    margin-right: 0;
    border-right: none;
}

.WebMegaMenu.WebMegaMenu_Sidebar ul,
.WebMegaMenu.WebMegaMenu_Sidebar li {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    overflow: hidden;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuZone {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuZone_Top:not(:has(> li)),
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuZone_Bottom:not(:has(> li)) {
    display: none;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuZone_Top,
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuZone_Bottom {
    flex: 0 0 auto;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuZone_Main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuZone_Main::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu.WebMegaMenu_FixedFlyout {
    scrollbar-width: thin;
    scrollbar-color: var(--WebMegaMenu-ScrollbarColor) transparent;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu.WebMegaMenu_FixedFlyout::-webkit-scrollbar {
    width: var(--WebMegaMenu-ScrollbarWidth);
    height: var(--WebMegaMenu-ScrollbarWidth);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu.WebMegaMenu_FixedFlyout::-webkit-scrollbar-track {
    background: transparent;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu.WebMegaMenu_FixedFlyout::-webkit-scrollbar-thumb {
    background-color: var(--WebMegaMenu-ScrollbarColor);
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 8px;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_SidebarScrollbar {
    position: absolute;
    top: 0;
    right: 1px;
    width: var(--WebMegaMenu-ScrollbarWidth);
    pointer-events: none;
    opacity: 0;
    z-index: 4;
    transition: opacity var(--WebMegaMenu-QuickAnimationDuration) var(--WebMegaMenu-AnimationEase);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar.WebMegaMenu_HasMainScrollbar .WebMegaMenu_SidebarScrollbar {
    opacity: 1;
    pointer-events: auto;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar.WebMegaMenu_HasMainScrollbar .WebMegaMenu_SidebarScrollbarThumb {
    min-height: 24px;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_SidebarScrollbarThumb {
    width: 100%;
    min-height: 0;
    border-radius: 999px;
    background-color: var(--WebMegaMenu-ScrollbarColor);
    cursor: pointer;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar.WebMegaMenu_ScrollbarDragging .WebMegaMenu_SidebarScrollbarThumb {
    cursor: grabbing;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar:has(> .WebMegaMenuZone_Top > li):has(> .WebMegaMenuZone_Bottom > li) > .WebMegaMenuZone_Main > li:first-child {
    margin-top: auto;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar:has(> .WebMegaMenuZone_Top > li):has(> .WebMegaMenuZone_Bottom > li) > .WebMegaMenuZone_Main > li:last-child {
    margin-bottom: auto;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_Header {
    display: flex;
    align-items: center;
    flex: 0 0 48px;
    width: 100%;
    min-width: 0;
    height: 48px;
    border-bottom: 1px solid var(--MenuBorderColor);
    box-sizing: border-box;
    overflow: hidden;
}

.WebMegaMenu.WebMegaMenu_SidebarRight .WebMegaMenu_Header {
    flex-direction: row-reverse;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_Brand {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    overflow: hidden;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_BrandText {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-weight: 600;
    line-height: 48px;
    opacity: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: opacity var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), max-width var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), padding var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), transform var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_BrandLogo {
    display: block;
    flex: 0 1 auto;
    width: 100%;
    max-width: 140px;
    height: 28px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.WebMegaMenu.WebMegaMenu_SidebarRight .WebMegaMenu_BrandLogo {
    background-position: right center;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_BrandLogoSvg {
    background-color: currentColor;
    mask-position: left center;
    -webkit-mask-position: left center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
}

.WebMegaMenu.WebMegaMenu_SidebarRight .WebMegaMenu_BrandLogoSvg {
    mask-position: right center;
    -webkit-mask-position: right center;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li {
    float: none;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    color: var(--FontColor);
}

.WebMegaMenu.WebMegaMenu_Sidebar.Web_Enabled .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li:hover > div,
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li:focus-within > div {
    background-color: var(--WebMegaMenu-SidebarHoverColor);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_ActivePath > div {
    background-color: var(--SidebarLevelOneActive);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_Expanded > div {
    background-color: transparent;
}

.WebMegaMenu.WebMegaMenu_Sidebar.WebCon_Focus .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_Selected > div,
.WebMegaMenu.WebMegaMenu_Sidebar:focus-within .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_Selected > div {
    background-color: var(--WebMegaMenu-SidebarHoverColor);
}

.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_HeaderSelected .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_Selected > div,
.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_HeaderSelected .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_ActivePath > div,
.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_HeaderSelected .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_Expanded > div {
    background-color: transparent;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li > div > a {
    color: inherit;
    display: block;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    opacity: 1;
    max-width: 100%;
    text-overflow: ellipsis;
    transform: translateX(0);
    transition: opacity var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), color var(--WebMegaMenu-QuickAnimationDuration) var(--WebMegaMenu-AnimationEase), max-width var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), transform var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), padding var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMenuItem > div {
    width: 100%;
    min-width: 0;
    align-items: center;
    min-height: var(--WebMegaMenu-SidebarItemHeight);
    overflow: hidden;
    box-sizing: border-box;
    transition: padding var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), justify-content var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase);
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMenuItem > div > a {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMenuItem > div > span.WebItm_Icon {
    display: inline-block;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-left: 10px;
    margin-right: 10px;
    background-size: 28px 28px;
    background-position: center center;
    background-repeat: no-repeat;
}

.WebMegaMenu.WebMegaMenu_IconsDisabled .WebMenuItem > div > span.WebItm_Icon {
    display: none !important;
    flex-basis: 0;
    width: 0;
    height: 0;
    margin-left: 0;
    margin-right: 0;
}

.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_IconsDisabled .WebMenuItem > div > a {
    padding-left: 15px;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMenuItem > div > span.WebItm_IconSvg {
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-size: 28px 28px;
    -webkit-mask-size: 28px 28px;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_Collapsible > div {
    justify-content: space-between;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li > .VerticalSubMenu {
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li.WebItm_Expanded > .VerticalSubMenu {
    max-height: none;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu {
    position: static;
    z-index: auto;
    border: none;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu:has(> li.WebItm_Expanded > .DeepestMenu) {
    overflow: visible;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li {
    position: relative;
    height: var(--WebMegaMenu-SidebarItemHeight);
    padding-left: var(--WebMegaMenu-SubmenuIndent);
    padding-right: 0;
    overflow: visible;
    box-sizing: border-box;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li > div {
    display: flex;
    align-items: center;
    min-height: var(--WebMegaMenu-SidebarItemHeight);
    overflow: hidden;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li > div > a {
    display: block;
    margin: 0;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li:hover,
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li:focus-within {
    background-color: var(--WebMegaMenu-HoverColor);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_ActivePath,
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_Expanded {
    background-color: var(--WebMegaMenu-SubmenuSelectedColor);
    font-weight: bold;
}

.WebMegaMenu.WebMegaMenu_Sidebar.WebCon_Focus .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_Selected,
.WebMegaMenu.WebMegaMenu_Sidebar:focus-within .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_Selected {
    background-color: var(--WebMegaMenu-HoverColor);
}

.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_HeaderSelected .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_Selected,
.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_HeaderSelected .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_ActivePath,
.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_HeaderSelected .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_Expanded {
    background-color: transparent;
    font-weight: inherit;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_Expanded:has(> .DeepestMenu.WebMegaMenu_FixedFlyout)::after {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: var(--WebMegaMenu-FlyoutBridgeWidth);
    height: calc(100% + 2px);
    background-color: var(--WebMegaMenu-SubmenuSelectedColor);
    border-top: 1px solid var(--VerticalSubMenuTopBottomBorderColor);
    border-bottom: 1px solid var(--VerticalSubMenuTopBottomBorderColor);
    pointer-events: none;
    box-sizing: border-box;
    z-index: 10001;
}

.WebMegaMenu.WebMegaMenu_SidebarRight .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_Expanded:has(> .DeepestMenu.WebMegaMenu_FixedFlyout)::after {
    left: 0;
    right: auto;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 100%;
    right: auto;
    visibility: hidden;
    z-index: 101;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu.WebMegaMenu_FixedFlyout {
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--VerticalSubMenuTopBottomBorderColor);
    box-sizing: border-box;
    z-index: 10000;
}

.WebMegaMenu.WebMegaMenu_SidebarRight .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li > .DeepestMenu {
    left: auto;
    right: 100%;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .VerticalSubMenu > li.WebItm_Expanded > .DeepestMenu {
    visibility: visible !important;
    display: flex !important;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar.WebMegaMenu_SidebarExpanding .VerticalSubMenu > li.WebItm_Expanded > .DeepestMenu {
    visibility: hidden !important;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu > li > div {
    display: flex;
    align-items: center;
    min-height: var(--WebMegaMenu-SidebarItemHeight);
    overflow: hidden;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu li {
    height: var(--WebMegaMenu-SidebarItemHeight);
    padding-left: 0;
    padding-right: 5px;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .DeepestMenu li > div > a {
    display: block;
    margin: 0;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebItm_CollapseIcon {
    flex: 0 0 auto;
    width: var(--WebMegaMenu-ScrollbarWidth);
    height: var(--WebMegaMenu-ScrollbarWidth);
    margin-right: 14px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    opacity: 1;
    transform: rotate(-45deg);
    transition: transform var(--WebMegaMenu-QuickAnimationDuration) var(--WebMegaMenu-AnimationEase), opacity var(--WebMegaMenu-QuickAnimationDuration) var(--WebMegaMenu-AnimationEase), margin-right var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), margin-left var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase);
}

.WebMegaMenu.WebMegaMenu_SidebarRight .WebItm_CollapseIcon {
    margin-left: 14px;
    margin-right: 14px;
    transform: rotate(135deg);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebItm_Collapsible.WebItm_Expanded > div > .WebItm_CollapseIcon,
.WebMegaMenu.WebMegaMenu_SidebarRight .WebItm_Collapsible.WebItm_Expanded > div > .WebItm_CollapseIcon {
    transform: rotate(45deg);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_CollapseButton:focus,
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_CollapseButton:hover,
.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_HeaderSelected .WebMegaMenu_CollapseButton {
    background-color: var(--WebMegaMenu-SidebarHoverColor);
    outline: none;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_CollapseButton {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    box-sizing: border-box;
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenu_CollapseButton > span {
    width: 32px;
    height: 32px;
    background-color: currentColor;
    mask-image: url("../Images/mdi-menu-open.svg");
    -webkit-mask-image: url("../Images/mdi-menu-open.svg");
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 32px 32px;
    -webkit-mask-size: 32px 32px;
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMegaMenu_CollapseButton > span {
    mask-image: url("../Images/mdi-menu-close.svg");
    -webkit-mask-image: url("../Images/mdi-menu-close.svg");
}

.WebMegaMenu.WebMegaMenu_SidebarRight .WebMegaMenu_CollapseButton > span {
    transform: scaleX(-1);
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed {
    min-width: 48px;
    width: 48px;
    max-width: 48px;
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMegaMenu_Header {
    justify-content: center;
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMegaMenu_Brand {
    flex: 0 0 0;
    width: 0;
    max-width: 0;
    padding-left: 0;
    padding-right: 0;
    pointer-events: none;
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMegaMenu_BrandText,
.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMegaMenu_BrandLogo {
    opacity: 0;
    max-width: 0;
    transform: translateX(-10px);
}

.WebMegaMenu.WebMegaMenu_SidebarRight.WebMegaMenu_SidebarCollapsed .WebMegaMenu_BrandText,
.WebMegaMenu.WebMegaMenu_SidebarRight.WebMegaMenu_SidebarCollapsed .WebMegaMenu_BrandLogo {
    transform: translateX(10px);
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone li .DeepestMenu,
.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone li .VerticalSubMenu {
    display: none !important;
}

.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_SidebarCollapsed .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li > div > a,
.WebMegaMenu.WebMegaMenu_Sidebar.WebMegaMenu_SidebarCollapsed .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMenuItem > div > a {
    opacity: 0;
    color: transparent;
    max-width: 0;
    padding-left: 0;
    padding-right: 0;
    transform: translateX(-10px);
    pointer-events: none;
    transition-delay: var(--WebMegaMenu-CollapseTextDelay);
}

.WebMegaMenu.WebMegaMenu_SidebarRight.WebMegaMenu_SidebarCollapsed .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li > div > a,
.WebMegaMenu.WebMegaMenu_SidebarRight.WebMegaMenu_SidebarCollapsed .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMenuItem > div > a {
    transform: translateX(10px);
}

.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMegaMenuZone > li > div > a,
.WebMegaMenu.WebMegaMenu_Sidebar .WebMegaMenuRoot.WebMegaMenuRoot_Sidebar .WebMenuItem > div > a {
    transition-delay: 0s;
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebItm_CollapseIcon {
    opacity: 0;
    margin-right: 0;
    pointer-events: none;
}

.WebMegaMenu.WebMegaMenu_SidebarRight.WebMegaMenu_SidebarCollapsed .WebItm_CollapseIcon {
    margin-left: 0;
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMenuItem > div {
    justify-content: center;
}

.WebMegaMenu.WebMegaMenu_SidebarCollapsed .WebMenuItem > div > span.WebItm_Icon {
    display: inline-block;
}

.WebPanel.WebMegaMenuPanel,
.WebPanel.WebMegaMenuPanel > .WebCon_Sizer,
.WebPanel.WebMegaMenuPanel > .WebCon_Sizer > .WebCon_Main {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.WebPanel.WebMegaMenuPanel:has(.WebItm_Expanded > .DeepestMenu),
.WebPanel.WebMegaMenuPanel:has(.WebItm_Expanded > .DeepestMenu) > .WebCon_Sizer,
.WebPanel.WebMegaMenuPanel:has(.WebItm_Expanded > .DeepestMenu) > .WebCon_Sizer > .WebCon_Main {
    overflow: visible;
}

.WebPanel.WebMegaMenuPanel {
    transition: width var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), min-width var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), flex-basis var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase);
}

.WebPanel.WebMegaMenuPanel.WebMegaMenuPanel_Collapsed {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    flex-basis: 48px;
}

.WebPanel:has(.WebMegaMenu.WebMegaMenu_Sidebar) .WebCon_Content {
    height: 100%;
    padding: 0;
    margin: 0;
}

div.WebApp:has(.WebMegaMenu.WebMegaMenu_Sidebar) .WebContainer.WebPanel,
div.WebApp:has(.WebMegaMenu.WebMegaMenu_Sidebar) .BaseApp_ViewRegion,
div.WebApp:has(.WebMegaMenu.WebMegaMenu_Sidebar) .WebCon_Main > .WebContainer.WebPanel {
    transition: width var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), left var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), right var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase), inset var(--WebMegaMenu-AnimationDuration) var(--WebMegaMenu-AnimationEase);
}

div.WebApp:has(.WebCon_Content > .WebMegaMenu.WebMegaMenu_SidebarLeft:first-child) > .WebCon_Sizer > .WebCon_Main > .WebContainer,
div.WebApp:has(.WebCon_Content > .WebMegaMenu.WebMegaMenu_SidebarLeft:first-child) > .WebCon_Sizer > .WebCon_Main > .WebContainer.WebPanel {
    margin-right: 0;
}

div.WebApp:has(.WebCon_Content > .WebMegaMenu.WebMegaMenu_SidebarRight:first-child) > .WebCon_Sizer > .WebCon_Main > .WebContainer,
div.WebApp:has(.WebCon_Content > .WebMegaMenu.WebMegaMenu_SidebarRight:first-child) > .WebCon_Sizer > .WebCon_Main > .WebContainer.WebPanel {
    margin-left: 0;
    margin-right: 0;
}