/* Stage 27 - hard fixes for sidebar arrows, online filter layout and mobile spacing */

/* Online users: actions are a separate top row; fields start below them. */
.online-search-form {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}
.online-search-form .online-filter-actions-row {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 4 !important;
}
.online-search-form .online-filter-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    transform: none !important;
}
.online-search-form .online-filter-actions .btn {
    position: static !important;
    float: none !important;
    transform: none !important;
    min-width: 150px !important;
    min-height: 54px !important;
    margin: 0 !important;
    z-index: auto !important;
}
.online-search-form .online-filter-fields {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    clear: both !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}
.online-search-form .online-filter-fields .form-control,
.online-search-form .online-filter-fields .form-select {
    position: relative !important;
    z-index: 2 !important;
}
@media (max-width: 575.98px) {
    .online-search-form .online-filter-actions .btn {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}

/* Sidebar arrows: kill every old template/metis/bootstrap arrow, including collapsed desktop state. */
html body #side-menu a.dropdown-toggle::before,
html body #side-menu a.dropdown-toggle::after,
html body #side-menu .has-arrow::before,
html body #side-menu .has-arrow::after,
html body .metismenu > li > a.dropdown-toggle::before,
html body .metismenu > li > a.dropdown-toggle::after,
html body .metismenu > li ul li > a.dropdown-toggle::before,
html body .metismenu > li ul li > a.dropdown-toggle::after,
html body.sidebar-collapse .metismenu > li > a.dropdown-toggle::before,
html body.sidebar-collapse .metismenu > li > a.dropdown-toggle::after,
html body.sidebar-collapse .metismenu > li:hover > a.has-arrow::after,
html body.sidebar-collapse .metismenu > li ul li > a.dropdown-toggle::before,
html body.sidebar-collapse .metismenu > li ul li > a.dropdown-toggle::after,
html body .metismenu a.has-arrow::before,
html body .metismenu a.has-arrow::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #side-menu a.dropdown-toggle {
    position: relative !important;
    padding-left: 48px !important;
}
html body #side-menu .submenu-arrow {
    display: none !important;
}
html body #side-menu .nexora-menu-caret {
    position: absolute !important;
    left: 22px !important;
    top: 50% !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: -11px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, .86) !important;
    background: rgba(255, 255, 255, .10) !important;
    font-family: Arial, Tahoma, sans-serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    transform: rotate(0deg) !important;
    transition: transform .18s ease, background .18s ease, color .18s ease !important;
    z-index: 3 !important;
}
html body #side-menu li.open > a.dropdown-toggle .nexora-menu-caret,
html body #side-menu li.mm-active > a.dropdown-toggle .nexora-menu-caret {
    transform: rotate(180deg) !important;
    background: rgba(255, 255, 255, .16) !important;
    color: #fff !important;
}
html body #side-menu li.open > a,
html body #side-menu li.mm-active > a {
    background: transparent !important;
    color: inherit !important;
}
html body #side-menu li ul li a.current {
    background: #1756a9 !important;
    color: #fff !important;
    border-radius: 10px !important;
}
html body #side-menu li.open > ul,
html body #side-menu li.mm-active > ul,
html body #side-menu li > ul.mm-show {
    display: block !important;
    height: auto !important;
}

/* Mobile/dashboard spacing */
@media (max-width: 991.98px) {
    html body #page-content {
        padding-top: 46px !important;
    }
    html body #page-content #inner-content {
        padding-top: 28px !important;
    }
    html body .breadcrumb-box {
        margin-top: 18px !important;
    }
}
@media (max-width: 575.98px) {
    html body #page-content {
        padding-top: 58px !important;
    }
    html body #page-content #inner-content {
        padding-top: 34px !important;
    }
}


/* Stage 39.2 mobile sidebar accordion hotfix */
html body #side-menu > li > ul.mm-collapse,
html body #side-menu > li:not(.open):not(.mm-active) > ul {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}
html body #side-menu > li.open > ul,
html body #side-menu > li.mm-active > ul,
html body #side-menu > li > ul.mm-show {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}
html body #side-menu .nexora-menu-caret {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
}
html body #side-menu .nexora-menu-caret::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border: solid currentColor !important;
    border-width: 0 1.7px 1.7px 0 !important;
    display: block !important;
    transform: rotate(135deg) !important;
    transform-origin: center !important;
    transition: transform .18s ease !important;
}
html body #side-menu li.open > a.dropdown-toggle .nexora-menu-caret,
html body #side-menu li.mm-active > a.dropdown-toggle .nexora-menu-caret {
    transform: none !important;
}
html body #side-menu li > a.dropdown-toggle[aria-expanded="true"] .nexora-menu-caret::before {
    transform: rotate(45deg) !important;
}


/* Stage 39.4 desktop collapsed sidebar flyout guard
   In desktop icon-only mode, submenus must not render as a second old sidebar panel. */
@media (min-width: 992px) {
    html body.sidebar-collapse #sidebar #side-menu > li > ul,
    html body.sidebar-collapse #sidebar #side-menu > li.open > ul,
    html body.sidebar-collapse #sidebar #side-menu > li.mm-active > ul,
    html body.sidebar-collapse #sidebar #side-menu > li > ul.mm-show,
    html body.sidebar-collapse #sidebar #side-menu > li:hover > ul,
    html body.sidebar-collapse #sidebar .metismenu > li > ul,
    html body.sidebar-collapse #sidebar .metismenu > li:hover > ul {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        width: 0 !important;
        max-width: 0 !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
}