/* Searchable province picker on the quote forms (see assets/js/chon-tinh.js) */
.city-combo{position:relative}
.city-combo input{padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235B6660' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}
.city-combo-list{position:absolute;z-index:60;top:calc(100% + 4px);left:0;right:0;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid #8F9A94;border-radius:4px;box-shadow:0 10px 24px rgba(0,0,0,.12);max-height:min(320px,45vh);overflow-y:auto}
.city-combo-list [role="option"]{padding:10px 14px;font-size:15px;font-weight:400;line-height:1.4;color:#21272A;cursor:pointer}
.city-combo-list [role="option"]:hover,.city-combo-list [role="option"].active{background:#EEF5F0;color:#0D662B}
.city-combo-list [aria-selected="true"]{font-weight:700;color:#0D662B}
.city-combo-group{padding:10px 14px 4px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8C6A22}
.city-combo-empty{padding:10px 14px;font-size:14px;font-weight:400;color:#5B6660}