.aem_bg{
    background-color: #153153;
}

/* Quarry nav: match hover/active styling to Employee Management */
/* Parent anchor should follow the same hover/active visual as standard items */
#nav-quarry > a {
    color: #ffffff !important;
    background: transparent !important;
    border-radius: 30px; /* match Now UI round pill */
}

#nav-quarry > a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10) !important; /* match default sidebar hover */
}

/* Submenu links */
#quarryMenu .nav > li > a {
    color: #ffffff !important;
    background: transparent !important;
    padding-left: 25px;
    border-radius: 30px; /* round pill for submenu too */
}

#quarryMenu .nav > li > a:hover {
    background: rgba(255, 255, 255, 0.10) !important; /* match default */
}

/* Active state: same as Operations & Sales (white background + shadow) */
#quarryMenu .nav > li.active > a,
#nav-quarry.active > a {
    color: #134686 !important; /* text color like active items on blue sidebar */
    background: #FFFFFF !important;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1) !important;
}

/* Ensure icon color is consistent on active like other items (Now UI special-case) */
.sidebar[data-color="blue"] #nav-quarry.active > a i {
    color: #134686 !important;
}

/* Select2 tweaks for Unit selects (fit text and full width) */
.select2-container { width: 100% !important; }
.select2-container .select2-selection--single { height: 38px !important; display: flex; align-items: center; }
.select2-container .select2-selection__rendered { white-space: normal !important; line-height: 28px !important; }
.select2-container .select2-selection__arrow { height: 100% !important; }
.table .select2-container .select2-selection--single { height: 36px !important; }