.divMainMenuIcon {
    --animate-delay: .5s;
    --animate-repeat: 2;
}

.mainMenuIcon {
    font-size: 20px;
}

.mainMenuIcon {
    padding: 5px;
    background-color: #3b6381;
    color: white;
    border-radius: 5px;
}

#mainMenuIconCollapsed .mainMenuIcon {
    font-size: 15px !important;
}

.mnuLoginAsExternal {
    color: red !important;
    font-weight: bold;
}

    .mnuLoginAsExternal:hover {
        color: white !important;
    }

    .mnuLoginAsExternal .dx-menu-item-text {
        filter: drop-shadow(2px 0 4px white) !important;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

.menuItemIcon {
    font-size: 14px !important;
}

#mnu .dx-menu-item {
    background-color: #5398c9;
    border-bottom: solid 1px white;
    color: white;
    border-radius: 4px;
}

    #mnu .dx-menu-item:hover {
        color: white;
        background-color: #3b6381;
    }

#mnu .dx-menu-item-selected {
    color: white;
    background-color: #3b6381;
}

#mnu .dx-menu-item-expanded {
    background-color: #3b6381;
}

#mnu.dx-menu-base .dx-menu-items-container {
    width: 99%;
}

.mnuSubMenuMain .dx-menu-item {
    background-color: #5398c9;
    border-bottom: solid 1px white;
    color: white;
    border-radius: 4px;
}


    .mnuSubMenuMain .dx-menu-item:hover {
        color: white;
        background-color: #3b6381;
    }


.mnuSubMenuMain .dx-menu-item-selected {
    color: white;
    background-color: #3b6381;
}

.mnuSubMenuMain .dx-submenu .dx-menu-item-popout {
    color: white !important;
}

#drw.dx-drawer-left .dx-drawer-panel-content {
    border-right: #265a87 solid 2px;
    border-radius: 5px;
}


#mnu .dx-treeview-item {
    background-color: #5398c9;
    border-bottom: solid 1px white;
    color: white;
    border-radius: 4px;
}

    #mnu .dx-treeview-item:hover {
        color: white;
        background-color: #3b6381;
    }

#mnu .dx-treeview-item-selected {
    color: white;
    background-color: #3b6381;
}

#mnu .dx-treeview-item-expanded {
    background-color: #3b6381;
}

#mnu .dx-treeview-node {
    background-color: white;
}

#mnu .dx-treeview-item-content {
    display: flex;
}

    #mnu .dx-treeview-item-content > span {
        /*font-size: 13px;*/
        display: inline-block;
        overflow: hidden;
        white-space: pre-line;
        font-weight: normal !important;
        font-style: italic;
        filter: drop-shadow(2px 4px 6px black);
        letter-spacing: .3px;
    }