/* Reusable member typeahead — pairs with /js/member-typeahead.js */
.ta-wrap { position: relative; }
.ta-wrap input.form-control { padding-right: 56px; }
.ta-list {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 1080;
  background: #fff; border: 1px solid #ced4da; border-top: 0;
  border-radius: 0 0 .375rem .375rem;
  max-height: 240px; overflow-y: auto; display: none;
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}
.ta-item { padding: 6px 10px; cursor: pointer; }
.ta-item.active { background: #1a3c6e; color: #fff; }
.ta-item small { color: #6c757d; }
.ta-item.active small { color: #cfd8e3; }
.ta-item.is-empty { color: #adb5bd; cursor: default; font-style: italic; }
.ta-chevron {
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  pointer-events: auto; cursor: pointer; color: #6c757d;
  border: 0; background: transparent; padding: 4px 6px;
}
.ta-clear {
  position: absolute; right: 30px; top: 50%; transform: translateY(-50%);
  border: 0; background: transparent; color: #6c757d; padding: 2px 6px; cursor: pointer; display: none;
}
.ta-wrap.has-value .ta-clear { display: inline; }
.ta-wrap.is-open .ta-chevron { transform: translateY(-50%) rotate(180deg); }