.ui-widget.ui-widget-content {

    z-index: 9999 !important;
    max-width: 410px !important;
    overflow: hidden;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative !important;
    font-size: 14px !important;
    color: #676767 !important;
    padding: 8px 18px 8px 25px !important;
    border-bottom: 1px solid #ddddddbf !important;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #eaf4ff;
    background: #eaf4ff;
    font-weight: normal;
    color: #222 !important;
}
.ui-autocomplete.ui-front li .matched{
    color: #000 !important;
    font-weight: 600;
}
.ui-autocomplete.ui-front li {
    position: relative !important;
    border: 1px solid #eaf4ff
}
.ui-autocomplete.ui-front li:before {
    position: absolute;
    left: 8px;
    top: 11px;
    z-index: 999;
    content: "\f3c5";
    color: #222 !important;
    font-family: "Font Awesome 5 Pro";
    font-size: 13px !important;
    font-weight: 900;
}
            
