/* Select2 styling to match the existing Bootstrap form controls */
.select2-container{width:100%!important}
.select2-container .select2-selection--single{
 min-height:38px;
 height:38px;
 border:1px solid #d9dee3;
 border-radius:.375rem;
 display:flex;
 align-items:center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
 line-height:36px;
 padding-left:12px;
 padding-right:32px;
 color:#697a8d;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
 height:36px;
 right:6px;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single{
 border-color:#696cff;
}
.select2-dropdown{
 border-color:#696cff;
}
.select2-search--dropdown .select2-search__field{
 border:1px solid #d9dee3;
 border-radius:.25rem;
 padding:.375rem .5rem;
}
.select2-results__option{
 padding:7px 12px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
 background-color:#696cff;
}


/* Fix red border for both single and multi-select Select2 dropdowns */
select.is-invalid + .select2-container--default .select2-selection--single,
select.is-invalid + .select2-container--default .select2-selection--multiple {
    border-color: #dc3545 !important;
}

/* Ensure error text shows properly below the Select2 container */
select.is-invalid + .select2-container + .form-text + .invalid-feedback,
select.is-invalid + .select2-container ~ .invalid-feedback {
    display: block !important;
}

.select2-dropdown{
    z-index: 0!important; /* Ensure the dropdown appears above other elements */
}



form .form-select.is-invalid~.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
form .form-select.is-invalid~.select2-container.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
form .form-select.is-invalid~.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
form.was-validated .form-select:invalid~.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
form.was-validated .form-select:invalid~.select2-container.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
form.was-validated .form-select:invalid~.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
form .form-select.is-valid~.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
form .form-select.is-valid~.select2-container.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
form .form-select.is-valid~.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
form.was-validated .form-select:valid~.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
form.was-validated .form-select:valid~.select2-container.select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered,
form.was-validated .form-select:valid~.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 2%!important;
}