/*Reemplaza el color de fault del bootstamp4 del select por este color*/
/* ===============================
   SELECT2 BOOTSTRAP 4 – VERDE
   =============================== */

.select2-container--bootstrap4 
.select2-results__option--highlighted,
.select2-container--bootstrap4.select2-container--focus .select2-selection {
  color: #495057;
  background-color: #fff;
  border-color: #BFC547; #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(106, 109, 54, 0.25);
}


/*=== QUITAR AZUL DEL ITEM ACTIVO (highlight) ===*/ 
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #BFC547 !important;
  color: #495057 !important;
}
 
/* Mostrar el botón de limpiar (X) en Select2 Bootstrap4 */
.select2-container--bootstrap4 .select2-selection--single .select2-selection__clear{
  display: block !important;
  float: right !important;
  cursor: pointer !important;
  color: #495057 !important;
  background: #BFC547; /*#CDE629;/*#BFC547 !important;*/
  border-radius: 50% !important;
  width: 1.1em !important;
  height: 1.1em !important;
  line-height: 1.1em !important;
  text-align: center !important;
  margin-top: .55em !important;
  margin-right: 1.5em !important;
  padding: 0 !important;
}

 Dejar espacio para que la X no quede encima del texto 
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
  padding-right: 2.20em !important;
}