.layout-topbar-menu-container{
    position: relative;
    width: 100%;
    height: calc(100% - 15px);
}

.layout-topbar-left{ position: unset !important; }

.layout-topbar-menu-container .layout-topbar-menu-container-ricerca-container{
    background: #f1f3f4 !important;
    height: 100%;
    border: none !important;
    background-image: none !important;
    border-radius: 8px !important;
}

.layout-topbar-dark .layout-topbar-menu-container .layout-topbar-menu-container-ricerca-container{
    background: hsl(0deg 0% 24.62%) no-repeat !important;
}

.layout-topbar-menu-container *[class*="mgg-icons-"]{
    font-size: 24px;
    width: 40px;
    margin: 0 !important;
}

.layout-topbar-menu-container:has(.layout-topbar-menu[style*="display: block"]) .layout-topbar-menu-container-ricerca-container{
    box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: var(--content-bgcolor) !important;
}

/* TODO */
.layout-topbar-dark .layout-topbar-menu-container:has(.layout-topbar-menu[style*="display: block"]) .layout-topbar-menu-container-ricerca-container{
    box-shadow: 0 0 5px rgba(255, 255, 255, .1) !important;
}

.layout-topbar-menu-container .layout-topbar-menu-container-ricerca-container .layout-topbar-menu-container-ricerca{
    width: 100%;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 1.15rem;
}

.layout-topbar-menu-container .layout-topbar-menu{
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 0 24px 24px !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
}

.layout-topbar-menu-container .layout-topbar-menu .ui-overlaypanel-content{ padding: 0 !important; }

.layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu{
    width: 2000px;
    max-width: 100%;
    padding: 0 !important;
    border: none !important;
}

.layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu,
.layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu .ui-slidemenu-backward {
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
}

.layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu .ui-divider{ display: none; }

.layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu .ui-menuitem:first-child .ui-menuitem-link{
    border-top: 1px solid #dadce0 !important;
}

.layout-topbar-dark .layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu .ui-menuitem:first-child .ui-menuitem-link{
    border-top: 1px solid var(--widget-menu-border-color) !important;
}

.layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu .ui-menuitem .ui-menuitem-link{
    padding: 0.95rem !important;
    border-bottom: 1px solid #dadce0 !important;
    font-size: 1.15rem !important;
}
.layout-topbar-dark .layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu .ui-menuitem .ui-menuitem-link{
    border-bottom: 1px solid var(--widget-menu-border-color) !important;
}

.layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu .ui-menuitem:not(.ui-menu-parent) .ui-menuitem-link:not(.ui-menuitem-empty-message):after{
    font-family: 'mgg-icons' !important;
    content: "\ea2d";
    font-size: 13px;
    float: right;
}

.layout-topbar-menu-container .layout-topbar-menu .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-icon:last-child{ margin: 0 !important; }



/*---
OPEN
----------*/
.layout-topbar-menu-mobile-open .layout-topbar-menu-container{
    display: block !important;
    position: absolute !important;
    left: 0;
    height: 100% !important;
    max-width: 100% !important;
    z-index: 2;
}
.layout-topbar-menu-mobile-open .layout-topbar-menu-container .layout-topbar-menu-container-ricerca-container{
    background: var(--topbar-bg-color) !important;
}

.layout-topbar-dark .layout-topbar-menu-mobile-open .layout-topbar-menu-container .layout-topbar-menu-container-ricerca-container{
    background: hsla(0deg, 0%, 100%, 0.06) no-repeat !important;
}

.layout-wrapper:not(.layout-topbar-menu-mobile-open) .layout-topbar-menu-hide{
    display: none;
}

.layout-topbar-menu-mobile-open .layout-topbar-menu-container .layout-topbar-menu{
    height: calc(100vh - 60px);
    border-radius: 0 !important;
}

.layout-topbar-menu-mobile-open .layout-topbar-menu-container .ui-overlaypanel-content,
.layout-topbar-menu-mobile-open .layout-topbar-menu-container .ui-slidemenu,
.layout-topbar-menu-mobile-open .layout-topbar-menu-container .ui-slidemenu-wrapper{
    height: 100% !important;
}