/* Shared searchable selects, including the standalone recovery screen. */
.ts-wrapper.searchable-select {
  padding: 0;
  border: 0;
  background: none;
  min-height: 0;
  font-size: .86rem;
}
.ts-wrapper.searchable-select .ts-control {
  min-height: 2.65rem;
  border: 1px solid #d7e0da;
  border-radius: .45rem;
  padding: .6rem 2.1rem .6rem .75rem;
  background: #fff;
  color: #20382f;
  box-shadow: none;
  font: inherit;
}
.searchable-select .ts-control input { font: inherit; min-width: 5rem; }
.searchable-select.single.input-active .ts-control { background: #fff; }
.searchable-select.focus .ts-control { border-color: #589676; box-shadow: 0 0 0 3px #e0eee6; }
.searchable-select.invalid .ts-control { border-color: #dc3545; }
.searchable-select.disabled .ts-control { background: #eef1ef; opacity: .7; cursor: not-allowed; }
.searchable-select-dropdown {
  z-index: 1090;
  border: 1px solid #d7e0da;
  border-radius: .55rem;
  background: white;
  color: #20382f;
  box-shadow: 0 8px 24px #20382f18;
  font-family: 'Segoe UI', system-ui, sans-serif;
  font-size: .85rem;
}
.searchable-select-dropdown .ts-dropdown-content { max-height: 260px; }
.searchable-select-dropdown .option, .searchable-select-dropdown .no-results { padding: .65rem .8rem; overflow-wrap: anywhere; }
.searchable-select-dropdown .active { background: #e9f3ee; color: #205e48; }
.searchable-select-dropdown .highlight { background: #d2e8db; border-radius: 2px; }
.searchable-select-dropdown .no-results { color: #6b7b73; }
.dataTables_wrapper .dataTables_length .searchable-select { display: inline-block; min-width: 6rem; margin: 0 .35rem; vertical-align: middle; text-align: left; }
.dataTables_wrapper .dataTables_length .ts-wrapper.searchable-select .ts-control { min-height: 2.4rem; }
@media (max-width: 575.98px) {
  .searchable-select-dropdown .ts-dropdown-content { max-height: 210px; }
}

/* Hide the current value only while searching; restore it as soon as the list closes. */
.ts-wrapper.searchable-select.single.input-active.dropdown-active .ts-control > .item { display: none; }
select.ts-hidden-accessible { min-width: 0 !important; min-height: 0 !important; }

.searchable-select.single::after {
  content: '';
  position: absolute;
  right: .85rem;
  top: calc(50% - .3rem);
  width: .45rem;
  height: .45rem;
  border-right: 1.5px solid #617368;
  border-bottom: 1.5px solid #617368;
  transform: rotate(45deg);
  pointer-events: none;
}