/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background-color: #FFF;
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow: auto;
	overflow-x: hidden;
    max-width: 350px;
    padding-right: 5px;
	background-color: #FFF !important;
	z-index:9999 !important;
}
.ui-autocomplete li:hover,
.ui-autocomplete li a.ui-state-focus{
	background: transparent !important;
	border-radius: 0px !important;
	border: 0 !important;
	font-size: 13px !important;
	font-weight: normal !important;
}
 
.ui-autocomplete li {
    font-size: 13px !important;
	border-radius: 0px !important;
	border-bottom: 1px solid #EEE;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}
.autocomplete-view {
    font-size: inherit;
    position: absolute;
    right: 18px;
    top: 6px;
    cursor: pointer;
    width: 25px;
    background: var(--bs-primary);
    color: white;
    border-radius: .25rem;
    height: 25px;
    text-align: center;
    line-height: 25px;
}
span.autocomplete-remove {
    font-size: inherit;
    position: absolute;
    right: 48px;
    top: 6px;
    cursor: pointer;
    width: 25px;
    background: var(--bs-danger);
    color: white;
    border-radius: .25rem;
    height: 25px;
    text-align: center;
    line-height: 25px;
}