/* Suggestion list for organisation, city and country fields (assets/js/combobox.js). */
.combo { position: relative; }
.combo > input { width: 100%; box-sizing: border-box; padding-right: 38px; }
.combo > input::-webkit-search-cancel-button { display: none; }
.combo__toggle { position: absolute; top: 50%; right: 6px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: -14px 0 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #5b6577; cursor: pointer; }
.combo__toggle:hover { background: #eef1f5; color: #15233b; }
.combo__list { position: absolute; z-index: 60; top: calc(100% + 4px); right: 0; left: 0; max-height: 260px; margin: 0; padding: 4px; overflow-y: auto; border: 1px solid #d5dbe3; border-radius: 10px; background: #fff; box-shadow: 0 10px 28px rgba(15, 35, 72, .16); list-style: none; text-align: left; }
.combo__list[hidden] { display: none; }
.combo--up .combo__list { top: auto; bottom: calc(100% + 4px); }
.combo__option { margin: 0; padding: 9px 10px; border-radius: 7px; color: #15233b; cursor: pointer; font-size: 15px; font-weight: 400; line-height: 1.35; }
.combo__option:hover, .combo__option.is-active { background: #eef1f5; }
.combo__option--new { margin-top: 4px; padding-top: 11px; border-top: 1px solid #e6e8ec; border-radius: 0 0 7px 7px; color: #1b3a6b; font-weight: 600; }
.combo__empty { padding: 9px 10px; color: #5b6577; font-size: 14px; }