body .ui-autocomplete {
    border-top: none !important;
    background: white !important;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-color: #ddceac;
    border-left-color: #c2c2bf;
    box-shadow: 3px 3px 4px #888;
    font-family: inherit;
    padding: 5px 0 !important;
    margin: 0 !important;
}

    body .ui-autocomplete.ui-menu {
        border: solid 2px var(--bg-color) !important;
        border-top: none !important;
        box-shadow: 0px 1px 3px #555;
        z-index: 10001;
    }

body #headersearch .ui-autocomplete.ui-menu {
    left: 0 !important;
    width: 350px !important;
    z-index: 2 !important;
    max-width: 100%;
    text-align: left;
}

body .ui-autocomplete .ui-menu-item a, body .ui-autocomplete .category {
    line-height: 100%;
    padding: 5px 10px;
    color: #000;
    font-size: inherit;
}

    body .ui-autocomplete .ui-menu-item a strong {
        font-size: 100%;
        color: #000;
    }

body .ui-autocomplete .ui-menu-category-item {
    clear: left;
    padding-top: 5px;
}

body .ui-autocomplete .category {
    display: block;
    padding-left: 15px;
    font-size: 13px;
    font-weight: normal;
    border-top: dashed 1px #CCC;
    padding-top: 8px;
    font-weight: bold;
}

body .ui-autocomplete .ui-state-focus, body .ui-autocomplete .ui-state-active {
    border: none;
    background: #FCB92D;
    cursor: pointer;
    border-radius: 0;
}

body input[type="text"].autocompleted {
    padding: 5px 5px 5px 10px;
    color: black;
    font-weight: bold;
}


body #headersearch .ui-autocomplete .ui-menu-item a,
.ui-autocomplete .ui-menu-item a {
    padding: 5px 10px 5px 25px;
    color: #333;
    white-space: normal;
    font-weight: 400;
    text-decoration: none;
    display: block;
}

    body #headersearch .ui-autocomplete .ui-menu-item a strong {
        font-weight: 700;
    }