/*
div.auto_complete {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
    z-index: 1000;
}
ul.autocompleter  {
    list-style-type: none;
    line-height: 1.5;
    margin:0px;
    margin-left: 10px;
    padding:0px;
    z-index: 1000;
}
ul.autocompleter li.selected { background-color: #e4e8ea; }
#list {
    margin:0;
    margin-top:10px;
    padding:0;
    list-style-type: none;
    width:250px;
    z-index: 1000;
}
#list li {
    margin:0;
    margin-bottom:4px;
    padding:5px;
    border:1px solid #888;
    cursor:move;
    z-index: 1000;
}
div.autocomplete input {
    background-color: #FFFFCC;
}
input.form-autocomplete {
    background: url('../images/throbber.gif') no-repeat 100% 1em;
}
input.form-autocomplete:focus {
    background-position: 100% -18px;
}
 */

/* Tom Select autocomplete (default `autocomplete` helper). Keep the familiar yellow field
   background users are used to. createTomSelect() adds .ac-yellow to the Tom Select wrapper. */
.ts-wrapper.ac-yellow .ts-control,
.ts-wrapper.ac-yellow.focus .ts-control,
.ts-wrapper.ac-yellow.input-active .ts-control,
.ts-wrapper.ac-yellow.dropdown-active .ts-control {
    /* !important + the active-state selectors: on focus/typing Tom Select's own
       `.ts-wrapper.single.input-active .ts-control{background:var(--bs-body-bg)}` fires, and
       --bs-body-bg is undefined in Tabler → transparent → the navbar red bled through. */
    background-color: #FFFFCC !important;
}

/* Tom Select inside a BS5 .input-group (edit-link addon): BS5's input-group CSS only knows
   .form-control/.form-select, so make the .ts-wrapper the flex-growing item and square its
   right corners where the addon attaches. */
.input-group > .ts-wrapper {
    flex: 1 1 auto;
    width: 1%;
}
.input-group > .ts-wrapper:not(:last-child) .ts-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .ts-wrapper:not(:first-child) .ts-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}