/* Limit the number of options shown to 600px */
.select2-container--default .select2-results>.select2-results__options {
    max-height: 600px;
}

/* Make multiple selection correct height from the beginning, to avoid it getting taller after selection */
.select2-selection.select2-selection--multiple {
    min-height: 37px !important;
}

/* Fix the text that is off vertically */
.select2-selection.select2-selection--multiple textarea {
    min-height: 25px;
}

/* Make single selection a bit taller to fit multiple selection height (almost) */
.select2-single-value-container span.select2-selection.select2-selection--single {
    height: 32px !important;
}

/* Dark mode */
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single {
	background-color: #212529 !important;
}

html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #dee2e6 !important;
}

html[data-bs-theme="dark"] .select2-dropdown {
	background-color: #212529 !important;
}

html[data-bs-theme="dark"] .select2-container--default .select2-results__option--selected {
    background-color: #212529 !important;
}

/* Multiple select */
html[data-bs-theme="dark"] .select2-selection.select2-selection--multiple {
	background-color: #212529 !important;
    border-color: rgb(170, 170, 170) !important;
}

/* multiple select choices squares */
html[data-bs-theme="dark"] .select2-selection.select2-selection--multiple li.select2-selection__choice {
    background-color: rgb(55, 90, 127);    
    border-color: rgb(170, 170, 170);
}

html[data-bs-theme="dark"] input {
	background-color: #212529 !important;
}