/*!
 * Select2 Fliegl-Theme-Overrides
 * Project-spezifische Farb-Anpassungen (Corporate-Green #9ec013).
 * Wird NACH select2-bootstrap4.min.css geladen und ueberschreibt
 * Bootstrap-Blue-Defaults.
 */

/* Hover/Highlight in Dropdown-Liste */
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: #9ec013;
    color: #fff;
}

/* Ausgewaehlter Eintrag in Dropdown-Liste */
.select2-container--bootstrap4 .select2-results__option[aria-selected="true"] {
    background-color: #9ec013;
    color: #fff;
}

/* Fokus-Rahmen des Selections-Containers */
.select2-container--bootstrap4.select2-container--focus .select2-selection,
.select2-container--bootstrap4.select2-container--open .select2-selection {
    border-color: #9ec013;
    box-shadow: 0 0 0 0.2rem rgba(158, 192, 19, 0.25);
}

/* Multi-Select Chips (Tag-Choice-Background) */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    background-color: #9ec013;
    color: #fff;
    border-color: #8aa711;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}

/* Clear-Button */
.select2-container--bootstrap4 .select2-selection__clear:hover {
    color: #9ec013;
}