.ts-dropdown-content div.option.selected,
.ts-dropdown-content div.option.selected.active {
    background-color: rgba(24, 151, 242, .32) !important;
    color: rgb(0, 0, 0) !important;
    font-weight: 500;
}

.ts-dropdown-content div.option.active {
    background-color: rgba(24, 151, 242, .18) !important;
    color: rgb(0, 0, 0) !important;
}

.ts-control {
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}

.ts-control .item {
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ts-control input {
    min-width: 20%;
}

.ts-dropdown [data-selectable] .highlight {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: none;
    color: rgba(70, 128, 255, 1);
    font-weight: bold;
}

.input-group-sm>.ts-wrapper.has-items .ts-control,
.ts-wrapper.form-control-sm.has-items .ts-control,
.ts-wrapper.form-select-sm.has-items .ts-control {
    padding-bottom: .375rem !important;
}

/* Desplegable agregado al <body> (dropdownParent en selectOptions): por encima de los modales (el template los pone en z-index 1081
   y su fondo en 1071) para que nunca quede tapado por el pie de un modal ni recortado por un cuerpo con scroll; por debajo de los
   avisos de llegada (2000) y de SweetAlert / loader (9999). */
body>.ts-dropdown {
    z-index: 1100;
}