.combobox {
    position: relative;
}
.combobox .item-list-wrap {
    display: none;
    position: absolute;
    z-index: 10;
    top: 50px;
    border: 2px solid #eef0f1;
    border-top: 0;
    background: #ffffff;
    left: -20px;
    right: -20px;
    overflow: hidden;
}
.combobox ul.item-list {
    max-height: 200px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}
.combobox ul.item-list li {
    font: 19px/1.3 "Roboto",Arial,Helvetica,sans-serif;
    padding: 9px 14px;
    cursor: pointer;
}
.combobox ul.item-list li:hover {
    background: #e6e6e6;
}
.combobox input[type="text"].text-input {
    padding-right: 55px;
    text-overflow: ellipsis;
}
.combobox .fa {
    position: absolute;
    top: 16px;
    background: none;
    bottom: 0;
    color: #5d6779;
    font-size: 17px;
    height: 27px;
    text-align: center;
    text-decoration: none;
    width: 34px;
    cursor: pointer;
}
.combobox .fa:hover {
    text-decoration: none;
}
.combobox .fa-caret-down {
    right: -15px;
    font-size: 20px;
}
.combobox .fa-remove {
    right: 20px;
}

/* bootstrap tooltip in filters on contacts page*/
.contact-search .combobox.country_code .fa + .tooltip {
    left: auto !important;
    margin-right: 3px;
}
.contact-search .combobox.country_code .fa-remove + .tooltip {
    right: 55px;
}
.contact-search .combobox.country_code .fa-caret-down + .tooltip {
    right: 20px;
}
.contact-search .combobox.country_code .fa + .tooltip .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    left: auto;
    right: 0;
}