.autocomplete-wraper.autocomplete-wraper-focused .autocomplete-result-list,
.autocomplete-wraper.autocomplete-wraper-focused .autocomplete-controls .autocomplete-pager {
    display: block;
}

.autocomplete-wraper:after {
    display: block;
    content: attr(data-name);
}

.autocomplete-wraper input, .autocomplete-wraper input:focus {
    padding-bottom: 0.625rem;
    padding-top: 1.625rem;
}

.autocomplete-wraper .autocomplete-controls {
    display: flex;
}

.autocomplete-wraper .autocomplete-controls .autocomplete-pager {
    margin: 7px;
    display: none;
}

.autocomplete-wraper .autocomplete-controls .autocomplete-pager:empty {
    display: none;
}

.autocomplete-wraper .autocomplete-result-list {
    max-height: 150px;
    overflow-y: scroll;
    list-style-type: none;
    padding: 0;
    border-top: 1px #cccccc solid;
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    background: #ffffff;
    border: #cccccc solid 1px;
}

.autocomplete-wraper .autocomplete-result-list:empty {
    display: none;
}

.autocomplete-wraper .autocomplete-result-list .autocomplete-result-item {
    padding: 4px;
    display: flex;
    justify-content: space-between;
}

.autocomplete-wraper .autocomplete-result-list .autocomplete-result-item mark {
    background: transparent;
}

.autocomplete-wraper .autocomplete-result-list .autocomplete-result-item.autocomplete-result-item-selected {
    background-color: #bbbbbb;
}

.autocomplete-wraper .autocomplete-result-list .autocomplete-result-item:hover {
    outline: solid 1px #cccccc;
    cursor: pointer;
}