/*
 * Style jquery autocompletes like bootstrap 5 dropdown menus. This is in
 * conjunction with a custom jquery ui widget that adds the dropdown-menu, and
 * dropdown-item classes to the typeahead menu.
 */

/* Match the styling of menu hover */
.ui-autocomplete .dropdown-item {
    padding: 0px;
}

.ui-autocomplete .ui-menu-item-wrapper {
    padding: 0.25rem 1.5rem;
}

/* Most of this is overriding css from the jquery-ui smoothness styles */
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
    width: 100%;
    height: 100%;
    border: inherit;
}

.ui-autocomplete.ui-widget-content {
    border: inherit;
    background: inherit;
    color: inherit;
}

.ui-autocomplete.ui-widget {
    font-family: inherit;
    font-size: inherit;
}