/* =========================================================
   GMAL ERP
   CENTRAL MASTER MENU
   SINGLE SOURCE OF NAVIGATION
   RTL / NO ICONS / NO ARROWS
   ========================================================= */

#dynamicMenu {
    position: relative !important;

    width: 290px !important;
    min-width: 290px !important;
    max-width: 290px !important;

    height: auto !important;
    min-height: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    direction: rtl !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 1000 !important;
}

#dynamicMenu *,
#dynamicMenu *::before,
#dynamicMenu *::after {
    box-sizing: border-box !important;
}

#dynamicMenu .central-menu-header {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    min-height: 54px !important;

    margin-bottom: 10px !important;
    padding: 12px 16px !important;

    border-radius: 12px !important;

    background: rgba(255,255,255,.045) !important;

    border: 1px solid rgba(148,163,184,.12) !important;

    color: #f8fafc !important;
}

#dynamicMenu .central-menu-header-title {
    font-size: 14px !important;
    font-weight: 700 !important;
}

#dynamicMenu .central-menu-header-count {
    font-size: 11px !important;
    color: #94a3b8 !important;
}

#dynamicMenu .erp-menu-root {
    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

#dynamicMenu .erp-menu-item {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#dynamicMenu .erp-menu-link {
    display: flex !important;

    align-items: center !important;

    width: 100% !important;
    min-height: 44px !important;

    margin: 2px 0 !important;
    padding: 10px 14px !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: transparent !important;

    color: #cbd5e1 !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        background .16s ease,
        color .16s ease,
        transform .16s ease !important;
}

#dynamicMenu .erp-menu-link:hover {
    background: rgba(255,255,255,.07) !important;

    color: #ffffff !important;

    transform: translateX(-2px) !important;
}

#dynamicMenu .erp-menu-item.is-open >
.erp-menu-link {
    background: rgba(255,255,255,.10) !important;

    color: #ffffff !important;
}

#dynamicMenu .erp-menu-title {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1.7 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;
}

/* =========================================================
   NO ICONS
   ========================================================= */

#dynamicMenu .material-icons,
#dynamicMenu .material-symbols-rounded,
#dynamicMenu .material-symbols-outlined,
#dynamicMenu svg,
#dynamicMenu i,
#dynamicMenu [class*="icon"],
#dynamicMenu [class*="Icon"] {
    display: none !important;
}

/* =========================================================
   NO ARROWS
   ========================================================= */

#dynamicMenu .erp-menu-link::before,
#dynamicMenu .erp-menu-link::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   SUBMENU
   ========================================================= */

#dynamicMenu .erp-submenu {
    position: absolute !important;

    top: 0 !important;

    right: calc(100% + 8px) !important;
    left: auto !important;

    width: 310px !important;
    min-width: 310px !important;
    max-width: 310px !important;

    max-height: calc(100vh - 40px) !important;

    margin: 0 !important;
    padding: 10px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #111827 !important;

    border: 1px solid rgba(148,163,184,.16) !important;

    border-radius: 14px !important;

    box-shadow:
        0 18px 50px rgba(0,0,0,.35) !important;

    z-index: 99999 !important;
}

#dynamicMenu .erp-menu-item.is-open >
.erp-submenu {
    display: block !important;
}

#dynamicMenu .erp-submenu[hidden] {
    display: none !important;
}

#dynamicMenu .erp-submenu >
.erp-menu-item {
    width: 100% !important;
}

#dynamicMenu .erp-submenu .erp-menu-link {
    min-height: 40px !important;

    margin: 2px 0 !important;

    padding: 8px 12px !important;

    border-radius: 8px !important;
}

#dynamicMenu .erp-submenu .erp-menu-title {
    font-size: 13px !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    #dynamicMenu {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    #dynamicMenu .erp-submenu {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        max-height: none !important;

        margin-top: 4px !important;

        border-radius: 10px !important;

        box-shadow: none !important;
    }
}