
/* Sub-group/Category title styling */
.sidebar-v2 .nav-menu .nav-title {
    margin: 0;
    display: block !important;
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #6a7f8c;
    letter-spacing: 0.8px;
    padding: 8px 20px 7px 8px;
    border-bottom: none;
    background: transparent;
    list-style-type: none;
}

/* Drag and Drop styling for modules reordering */
.sidebar-v2 .nav-menu > li.dragging {
    opacity: 0.4;
    border: 1px dashed #3a90f5;
}

.sidebar-v2 .nav-menu > li.drag-over-above {
    border-top: 2px solid #3a90f5 !important;
}

.sidebar-v2 .nav-menu > li.drag-over-below {
    border-bottom: 2px solid #3a90f5 !important;
}

.nav-menu li b.collapse-sign { color: #98A2B3 !important; }
.page-logo { padding: 0 1rem; height: 3.125rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; position: relative; background: #002266; }
.nav-function-minify .page-logo:before { content: ""; position: absolute; left: 50%; width: 78%; height: 1px; background: rgba(255, 255, 255, 0.2); bottom: 1px; transform: translateX(-50%); }
.nav-function-minify .page-logo { border: 0 !important; background-color: #002266; }
#js-primary-nav { padding: 0 1rem 0 0.375rem; }
.nav-filter input[type="text"] { padding: 8px 10px 8px 27px; height: calc(1.3em + 1rem + 0px); border: 1px solid rgba(255, 255, 255, 0.2) !important; background: rgba(255, 255, 255, 0.1) !important; }
.list-filter-active .nav-filter { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nav-menu li a > .nav-link-text { padding-left: 0.6rem; color: #fff; font-size: 0.75rem; }
.sidebar-v2 .nav-menu .submenu-scroll-wrapper li a .nav-link-text { color: #D0D5DD; }
.sidebar-v2 .nav-menu .submenu-scroll-wrapper li a:hover .nav-link-text{ color: #fff; } { }
.nav-menu li a { padding: 0.48rem 0.75rem; border-radius: 4px; }
.nav-menu li.active > a, .nav-menu li:hover > a { background-color: rgba(255, 255, 255, 0.1) !important; }
.nav-menu li.active > a path, .nav-menu li:hover > a path { stroke: #fff; }
.nav-menu li#module-home:hover > a path { stroke: transparent; fill: #fff; }
.nav-menu li:hover > a[data-filter-tags="teams"]  path { stroke: transparent; fill: #fff; }
.nav-menu li#module-home.active > a path, .nav-menu li#module-home a:hover path { stroke: transparent; fill: #fff; }
.nav-menu li#module-home li:first-child a:hover path { stroke: #fff; fill: transparent }
.nav-menu li>ul li a { padding: 0.45rem 0.7rem; min-height: 28px; }
.sidebar-v2 .nav-menu li ul li a,
.sidebar-v2 .nav-menu li ul li a .nav-link-text,
.sidebar-v2 .nav-menu li ul li a:hover,
.sidebar-v2 .nav-menu li ul li a:focus,
.sidebar-v2 .nav-menu li ul li.active > a,
.sidebar-v2 .nav-menu li ul li.active > a .nav-link-text,
.sidebar-v2 .nav-menu .submenu-scroll-wrapper li a,
.sidebar-v2 .nav-menu .submenu-scroll-wrapper li a .nav-link-text,
.sidebar-v2 .nav-menu .submenu-scroll-wrapper li a:hover,
.sidebar-v2 .nav-menu .submenu-scroll-wrapper li a:focus,
.sidebar-v2 .nav-menu .submenu-scroll-wrapper li.active > a,
.sidebar-v2 .nav-menu .submenu-scroll-wrapper li.active > a .nav-link-text {
    font-weight: 400 !important;
}
.list-filter-active .nav-menu li > ul { padding-left: 31px; }
.sidebar-v2 .nav-footer:before, .sidebar-v2 .nav-footer:after { display: none; }
.nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv, .nav-function-fixed:not(.nav-function-top) .page-sidebar .primary-nav { height: calc(100% - 2rem) !important; }
.page-sidebar { background-color: rgba(0, 34, 102, 1) !important; }
.sidebar-v2 .nav-footer [data-class="nav-function-minify"] { padding: 0; border: 0 !important; background: transparent !important; }
body.nav-function-minify .sidebar-v2 .logo-text, .nav-menu li.active:not(.open)>a:before, .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before { display: none; }
body.nav-function-minify  #js-primary-nav { padding: 0; }
body.nav-function-minify .nav-menu li a { width: calc(100% - 16px); margin: auto; }
body.nav-function-minify .sidebar-v2 .nav-footer { padding: 0 !important; }
body.nav-function-minify .list-filter-active .nav-menu li > ul { padding-left: 0; }
body.nav-function-minify .nav-menu li ul li a { width: 100%; }
.nav-menu li > ul li.active > a { color: rgba(228, 231, 236, 1); }
.nav-menu li a#sidebar-ai-dashboard-redirect  path { fill: #4DFFDF !important; stroke: #4DFFDF !important; }
.nav-menu li > ul { background: transparent !important; }
body.nav-function-minify #js-nav-menu { padding-top: 8px; }
.nav-function-minify .hidden-md-down { transform: rotate(180deg) scale(1.05) !important; }
.nav-menu li a#sidebar-ai-dashboard-redirect > .nav-link-text {  background: linear-gradient(90deg, #4DFFDF 0%, #4DA1FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

@media (min-width: 992px) {
    .nav-function-minify:not(.nav-function-top) .page-sidebar, .header-function-fixed:not(.nav-function-top).nav-function-minify .page-sidebar .page-logo, .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo { width: 3rem; }
    .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper { padding-left: 3rem; }
    .nav-function-minify:not(.nav-function-top).header-function-fixed .page-header { margin-left: 3rem; }
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul { padding-left: 6px; padding-right: 10px; margin-top: -1.8rem; padding-top: 2.75rem; left: 3.4rem; border-radius: 4px; background: #002266 !important; }
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > ul:before { display: none !important; }
    .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] { margin-left: 0; }
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text { margin-top: 0.55rem; padding-left: 10px; padding-bottom: 5px; left: 2.9rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a { padding-left: 8px; }
    .page-sidebar  ::-webkit-scrollbar { width: 4px; height: 4px; position: absolute; }
    *::-webkit-scrollbar-thumb, .slimScrollBar, .mCSB_dragger_bar { background: transparent; background-color: transparent; }
    .page-sidebar  ::-webkit-scrollbar-thumb { background: #B0B5BD !important; border-radius: 6px; }
    .page-sidebar  ::-webkit-scrollbar-thumb { border: 4px solid transparent; }
    .page-sidebar  ::-webkit-scrollbar-track { border-radius: 6px; background-color: transparent; }
}

@media (max-height: 770px) {
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu .submenu-scroll-wrapper { max-height: 290px; overflow-y: auto; overflow-x: hidden; }
}
