/* SELECT2 - SELECT2 - SELECT2 - SELECT2 - SELECT2 - SELECT2 - SELECT2 - SELECT2 - SELECT2 - SELECT2 - SELECT2 - SELECT2 */
[data-tema="dark"] .select2-container .select2-selection--multiple,
[data-tema="dark"] .select2-container--default .select2-selection--single {
  border: 1px solid #333547 !important;
}

[data-tema="light"] .select2-container .select2-selection--multiple,
[data-tema="light"] .select2-container--default .select2-selection--single {
  border: 1px solid #e2e7f1 !important;
}

[data-tema="light"] .select2-dropdown {
  border: 1px solid #e2e7f1 !important;
}
[data-tema="dark"] .select2-dropdown { 
  border: 1px solid #333547 !important;
}

.select2-dropdown {
  z-index: 2000 !important;
}
.select2-search--dropdown {
  padding: 2px !important;
}
.select2-search__field {
  outline-offset: 0 !important;
}

.select2.select2-container {
  width: 100% !important
}
.input-group .select2.select2-container {
  width: 89% !important;
}

.select2-selection {
  border-radius: var(--bs-border-radius);
  padding: 4px 0 0 2px !important;
  height: 38px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 2px !important;
}

[data-tema="dark"] .select2-selection {
  background-color: #27293d !important;
}
[data-tema="dark"] .select2-selection__rendered {
  color: #ffffff !important;
}

[data-tema="dark"] .select2-container--default .select2-results__option--selected {
  background-color: #858585
}
[data-tema="dark"] .select2-results__options {
  background-color: #202221
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 480px !important;
}

/* SELECT2 MULTIPLE */
.select2-selection__choice__display {
  color: #ffffff;
  font-weight: 300
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #9fd433;
  border: 1px solid #96c731;
  border-radius: 2px;
  margin-top: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {  
  color: #ffffff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #73ab00;
  color: #ffffff;
}