/* Overrides for the select 2 library for bootstrap 5 theme. Changes the color to CCRP Primary scheme. */
.select2-container--bootstrap-5.select2-primary .select2-selection {
    background-color: #F2CE76;
}

    .select2-container--bootstrap-5.select2-primary .select2-selection:hover {
        background-color: #DFBE6D;
    }

.select2-container--bootstrap-5.select2-primary .select2-selection--single .select2-selection__rendered {
    font-weight: bold;
    color: black;
}

    .select2-container--bootstrap-5.select2-primary .select2-selection--single .select2-selection__rendered:hover {
        color: white;
    }

.select2-container--bootstrap-5.select2-primary .select2-dropdown {
    background-color: white;
}

    .select2-container--bootstrap-5.select2-primary .select2-dropdown .select2-search .select2-search__field {
        background-color: white;
    }

    .select2-container--bootstrap-5.select2-primary .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
        background-color: #F2CE76;
    }

    .select2-container--bootstrap-5.select2-primary .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5.select2-primary .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
        background-color: #C25439;
    }

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection, .select2-container--bootstrap-5 .select2-dropdown {
    border: none !important;
    outline: none !important;
    transition: none;
}

.select2-container--bootstrap-5 * {
    border: none !important;
}