﻿body[data-menu-color="dark-green"] .logo-box .logo-dark {
    display: none;
}

body[data-menu-color="dark-green"] .logo-box .logo-light {
    display: block;
}

body[data-menu-color="dark-green"] .app-sidebar-menu {
    background-color: #1a3c34; /* Darker shade of green derived from #287F71 */
    box-shadow: none;
}

    body[data-menu-color="dark-green"] .app-sidebar-menu #sidebar-menu > ul > li > a {
        color: #b0d4ce; /* Light green tint for readability */
    }

        body[data-menu-color="dark-green"] .app-sidebar-menu #sidebar-menu > ul > li > a:active,
        body[data-menu-color="dark-green"] .app-sidebar-menu #sidebar-menu > ul > li > a:focus,
        body[data-menu-color="dark-green"] .app-sidebar-menu #sidebar-menu > ul > li > a:hover {
            color: #fff; /* White on hover for contrast */
        }

        body[data-menu-color="dark-green"] .app-sidebar-menu #sidebar-menu > ul > li > a svg {
            fill: rgba(176, 212, 206, 0.2); /* Light green fill for icons */
        }

    body[data-menu-color="dark-green"] .app-sidebar-menu #sidebar-menu .menu-title {
        color: #b0d4ce; /* Light green for menu titles */
    }

    body[data-menu-color="dark-green"] .app-sidebar-menu #sidebar-menu .menuitem-active .active,
    body[data-menu-color="dark-green"] .app-sidebar-menu #sidebar-menu .menuitem-active > a {
        color: #fff; /* White for active menu items */
    }

    body[data-menu-color="dark-green"] .app-sidebar-menu .nav-second-level li a,
    body[data-menu-color="dark-green"] .app-sidebar-menu .nav-thrid-level li a {
        color: #b0d4ce; /* Light green for sub-menu items */
        transition: color 0.2s ease;
    }

        body[data-menu-color="dark-green"] .app-sidebar-menu .nav-second-level li a:focus,
        body[data-menu-color="dark-green"] .app-sidebar-menu .nav-second-level li a:hover,
        body[data-menu-color="dark-green"] .app-sidebar-menu .nav-thrid-level li a:focus,
        body[data-menu-color="dark-green"] .app-sidebar-menu .nav-thrid-level li a:hover {
            background: transparent;
            color: #fff; /* White on hover for sub-menu items */
        }

    body[data-menu-color="dark-green"] .app-sidebar-menu .nav-second-level li.active > a,
    body[data-menu-color="dark-green"] .app-sidebar-menu .nav-thrid-level li.active > a {
        color: #fff; /* White for active sub-menu items */
        background-color: rgba(40, 127, 113, 0.1); /* Subtle green background for active items */
        border-radius: 0.475rem;
    }

body[data-menu-color="dark-green"][data-leftbar-size="condensed"] #wrapper .app-sidebar-menu #sidebar-menu > ul > li:hover > a {
    background-color: #1a3c34; /* Match sidebar background */
    box-shadow: none;
}

body[data-menu-color="dark-green"][data-leftbar-size="condensed"] #wrapper .app-sidebar-menu #sidebar-menu .mm-active .active {
    color: #287f71; /* NLNG green for active items in condensed mode */
}




