una/modules/boonex/artificer/data/template/system/css/menu.css

/*--
import url(../../../../../../../template/css/menu.css);
--*/

ul.bx-menu-hor,
ul.bx-menu-custom-hor,
ul.bx-menu-notif,
ul.bx-menu-verlit,
ul.bx-menu-ver,
ul.bx-menu-custom-ver,
ul.bx-menu-main,
ul.bx-menu-main-submenu,
ul.bx-menu-toolbar,
ul.bx-menu-floating-blocks-wide,
ul.bx-menu-floating-blocks-big,
ul.bx-menu-floating-blocks-dash,
ul.bx-menu-floating-blocks,
ul.bx-menu-inter,
ul.bx-menu-inter-vert,
ul.bx-menu-btns-ver,
ul.bx-menu-btns-hor,
ul.bx-menu-btns-icon-hor {
    padding: 0;
    margin: 0;
    list-style: none;
}

li.bx-mi-aux {}
li.bx-mi-hidden {
    display: none;
}

/* --- Vertical, Vertical lite, Custom Vertical Menus ---*/
.bx-menu-ver li,
.bx-menu-verlit li,
.bx-menu-custom-ver li {
    margin-top: 1px;
}
.bx-menu-ver li:first-child,
.bx-menu-verlit li:first-child,
.bx-menu-custom-ver li:first-child {
    margin-top: 0px;
}

/*--- Vertical, Vertical lite, Custom Vertical Menus (in Popup) ---*/
.bx-popup .bx-menu-custom-ver li > span {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;

    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.bx-popup .bx-menu-custom-ver li > span .bx-menu-addon {
    padding-right: 1.0rem;
}

/*--- Interactive Menu ---*/
.bx-menu-inter li.bx-menu-inter-hidden,
.bx-menu-inter-vert li.bx-menu-inter-hidden {
    display: none;
}

/*--- Custom Menu with More Auto ---*/
.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto,
.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto {
    display: none;
}
.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item a.p-2,
.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item a.px-2 {
    padding-left: 1rem;
    padding-right: 1rem;
}

/*--- Page Main menu ---*/
.bx-menu-main .bx-menu-item.bx-menu-item-more-auto {
    display: none;
}
/*
 * BxDolMenuMoreAuto marks the main menu ready once it knows which items fit (at once when the row for this window
 * width is remembered from an earlier page). Until then the row stays invisible, so a first guess never shows.
 * If the script never runs, the animation reveals the row after 1.5s.
 */
#bx-toolbar .bx-menu-main.bx-menu-more-auto:not(.bx-mma-ready) {
    opacity: 0;
    animation: bx-mma-reveal 0s linear 1.5s forwards;
}
@keyframes bx-mma-reveal {
    to {
        opacity: 1;
    }
}

/*--- Page Submenu ---*/
.bx-menu-main-submenu {
    -webkit-justify-content: center;
    justify-content: center;
}
.bx-menu-main-submenu .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item > a {
    width: 100%;
    padding: 0.5rem 1.0rem; 
    text-align: left;
}
.bx-menu-main-submenu .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item .bx-mi-underline {
    display: none;
}

/*--- Toolbar Menu ---*/
.bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-item-addon {
    position: absolute;
    top: -0.375rem;
    right: -0.375rem;
    padding: 0 0.25rem;
}
.bx-menu-toolbar .bx-menu-toolbar-item .bx-menu-toolbar-item-unit .bx-base-pofile-unit-online {
    display: none;
}

/*--- Account Popup ---*/
#bx-sliding-menu-account .bx-menu-account-popup .bx-menu-item-addon.bx-def-unit-alert {
    position: relative;
    padding: 0 0.25rem;
}
#bx-sliding-menu-account .bx-menu-account-popup-profile-create {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

/*--- Add Popup ---*/
div.bx-popup-menu-main.sys-add-content ul {
    flex-direction: column;
}

/*--- Pannel Menu ---*/
.bx-menu-panel {}

.bx-main-column.bx-mc-narrowed .bx-menu-panel .bx-menu-panel-item .bx-mpi-toggle-hidden {
    position: absolute;
    display: none;
}

.bx-mc-narrowed .bx-menu-panel li .bx-stl-mil {
    -webkit-justify-content: center;
    justify-content: center;

    padding-left: 0;
    padding-right: 0;
}
.bx-mc-narrowed .bx-menu-panel li .bx-stl-mii {
    width: 100%;
    text-align: center;
}
.bx-mc-narrowed .bx-menu-panel li .bx-stl-mii,
.bx-mc-narrowed .bx-menu-panel li .bx-stl-mii > * {
    margin: 0;
}
.bx-mc-narrowed .bx-menu-panel .bx-def-thumb-size {
    width: 2rem;
    height: 2rem;
}
.bx-mc-narrowed .bx-menu-panel .bx-profile-avatar-cnt {
    -webkit-justify-content: center;
    justify-content: center;
}

/*--- Footer Menu ---*/
#bx-menu-footer.bx-menu-hor > li.bx-menu-item-powered_by .sys-icon-svg {
    width: auto;
}

/*--- Profile Stats/Followings Menu ---*/
.bx-db-content .bx-profile-stats .bx-profile-avatar-cnt,
.bx-db-content .bx-profile-stats .bx-menu-vertical-more-less,
.bx-db-container:not(.bx-dbc-nopadding) .bx-menu-vertical-more-less,
.bx-db-container:not(.bx-dbc-nopadding) .bx-menu-profile-followings {
    margin: -0.5rem; /* rows 8px from the block's edge, like menu rows in popups */
}
.bx-db-container:not(.bx-dbc-notitle) .bx-menu-vertical-more-less,
.bx-db-container:not(.bx-dbc-notitle) .bx-menu-profile-followings {
    margin-top: 0;
}

/*--- Profile Followings Menu ---*/
.bx-menu-contents .bx-menu-show,
.bx-menu-ver.bx-menu-multilevel li .bx-menu-show,
.bx-menu-ver.bx-menu-object-sys_profile_followings li .bx-menu-show {
    display: none;
}
.bx-menu-contents .bx-menu-hide,
.bx-menu-ver.bx-menu-multilevel li .bx-menu-hide, 
.bx-menu-ver.bx-menu-object-sys_profile_followings li .bx-menu-hide {
    display: inline;
}
.bx-menu-contents.bx-m-collapsed .bx-menu-show,
.bx-menu-ver.bx-menu-multilevel li.bx-mi-collapsed .bx-menu-show,
.bx-menu-ver.bx-menu-object-sys_profile_followings li.bx-mi-collapsed .bx-menu-show {
    display: inline;
}
.bx-menu-contents.bx-m-collapsed .bx-menu-hide,
.bx-menu-ver.bx-menu-multilevel li.bx-mi-collapsed .bx-menu-hide,
.bx-menu-ver.bx-menu-object-sys_profile_followings li.bx-mi-collapsed .bx-menu-hide {
    display: none;
}
.bx-menu-ver.bx-menu-multilevel li.bx-mi-collapsed .bx-menu-item-subitems,
.bx-menu-ver.bx-menu-object-sys_profile_followings li.bx-mi-collapsed .bx-menu-item-subitems {
    display: none;
}

/*--- Object counters in menu items (e.g. Profiles meta menu) ---*/
.bx-menu-item .sys-action-counter .sys-action-counter-label .sys-action-counter-icon .sys-icon-image,
.bx-menu-item .sys-action-counter .sys-action-counter-label .sys-action-counter-icon .sys-icon {
    width: 1rem;
    height: 1rem;
    font-size: 0.75rem;
    line-height: 1.1rem;
    text-align: center;
}
.bx-menu-item .sys-action-counter .sys-action-counter-label .sys-action-counter-icon .sys-icon-image,
.bx-menu-item .sys-action-counter .sys-action-counter-label .sys-action-counter-icon .sys-icon.sys-icon-emoji {
    line-height: 1rem;
}