/* Input box background */
.Select-control {
    background-color: #533383 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Input box text color */
.Select-value-label, .Select-placeholder {
    color: white !important;
}

/* Dropdown menu options */
.VirtualizedSelectOption {
    background-color: #533383 !important;
    color: white !important;
}

/* Dropdown menu hover effect */
.VirtualizedSelectFocusedOption {
    background-color: #280064 !important;
    opacity: .7;
}

/* Multi-select values */
.Select--multi .Select-value {
    color: white !important;
}

/* Animate the dropdown menu opening */
.Select-menu-outer {
    animation: dropdownFadeIn 0.2s ease-in-out;
    overflow: hidden;
    border-radius: 0 0 8px 8px !important;
}

@keyframes dropdownFadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Remove bottom radius when menu is open */
.Select.is-open .Select-control {
    border-radius: 8px 8px 0 0 !important;
}

/* Match the menu border to your theme */
.Select-menu-outer {
    background-color: #533383 !important;
    border: 1px solid #280064 !important;
    border-top: none !important;
}

/* Inactive tab styling */
.nav-tabs .nav-link {
    background-color: #280064; 
    color: white; 
    border-radius: 5px 5px 0 0;
}

/* Active tab styling */
.nav-tabs .nav-link.active {
    background-color: #ffffff;
    color: #3B3A3C;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}