/************************************************
 *
 * Autocompleter.
 *
 ***********************************************/

.ui-autocomplete * {
    box-sizing: border-box;
}

.ui-autocomplete {
    width: 352px;
    margin: 0;
    padding: 0;
    border: 1px solid #a0a0a0;
    color: #333;
    background: #fff;
    z-index: 1000;
    font-size: 9pt;
}
.ui-autocomplete.columns-2 {
    width: 520px;
}
.ui-autocomplete .ui-autocomplete-category {
    background: #ccc;
    font-weight: 600;
    font-size: 10pt;
    padding: 8px;
}

.ui-autocomplete li {
    list-style-image: none !important;
}

.ui-autocomplete li.ui-menu-item a {
    cursor: pointer;
    overflow: hidden;
    padding: 8px;
    display: block;
    color: #777;
    text-decoration: none;
}

.ui-autocomplete li.ui-menu-item a.ui-state-active {
    margin: 0;
    background: #eee;
}

    .ui-autocomplete span.highlight {
        color: var(--branding-color1);
        font-weight: 600;
    }

/* CmsContent, Keywords */
.ui-autocomplete.columns-2 li.ui-category-cmscontent,
.ui-autocomplete.columns-2 li.ui-item-cmscontent,
.ui-autocomplete.columns-2 li.ui-category-keyword,
.ui-autocomplete.columns-2 li.ui-item-keyword {
    float: left;
    width: 200px;
    clear: left;
}

/* Products */
.ui-autocomplete li.ui-category-product,
.ui-autocomplete li.ui-item-product {
    border-left: none;
}
.ui-autocomplete.columns-2 li.ui-category-product,
.ui-autocomplete.columns-2 li.ui-item-product {
    margin-left: 200px;
    width: auto;
    border-left: 1px solid #a0a0a0;
}

.ui-autocomplete li.ui-item-product .column {
    float: left;
}

.ui-autocomplete li.ui-item-product .column.image {
    margin-right: 10px;
    width: 50px;
    height: 50px;
}

.ui-autocomplete li.ui-item-product .column.image img {
    max-width: 50px;
    max-height: 50px;
}

.ui-autocomplete li.ui-item-product .column.label {
    width: 240px;
}

.ui-autocomplete.columns-2 .column-divider {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0; 
    left: 200px;
    height: 100%; 
    border-left: 1px solid #a0a0a0;
}