/* Поиск в шапке: теплоход и город отправления — комбобоксы (Select2) с поиском по вводу.
   Закрытое поле выглядит как прежний список (#header .po), раскрытый — как прежний (#header .over .pb).
   Выпадающая часть Select2 живёт в конце body, поэтому её правила — по своему классу hq-combo-dd,
   и в них сброшено то, что стили сайта задают всем ul/li/input/span. */

#SearchExtendedQuick select.hq-combo-src {           /* до запуска скрипта — обычный список того же размера */
    width: 127px; height: 25px; margin: 1px -1px 1px 0; vertical-align: middle;
    font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    border: 1px solid #003579; border-radius: 4px;
}
#SearchExtendedQuick .select2-container { margin: 1px -1px 1px 0;   /* + пробел между полями = прежний шаг 130px */ vertical-align: middle; text-align: left; }
#SearchExtendedQuick .select2-selection--single.hq-combo {
    height: 25px; box-sizing: border-box; outline: none; cursor: pointer;
    background: #fff url("/skin/img/icons/list.png") no-repeat right center;
    border: 1px solid #003579; border-radius: 4px; box-shadow: inset 0 0 3px #0058c8;
}
#SearchExtendedQuick .hq-combo .select2-selection__rendered {
    padding: 0 20px 0 6px; color: #000;
    font: 11px/23px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;   /* высота строки — в самом font, иначе он её сбрасывает */
}
#SearchExtendedQuick .hq-combo .select2-selection__arrow { display: none; }   /* стрелки — в фоне, как было */
#SearchExtendedQuick .select2-container--focus .hq-combo,
#SearchExtendedQuick .select2-container--open .hq-combo { box-shadow: inset 0 0 3px #0058c8, 0 0 0 2px #559ced; }
#SearchExtendedQuick .select2-container--open .hq-combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-dropdown.hq-combo-dd {
    border: 1px solid #003579; border-top-color: #559ced; border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 3px #559ced; background: #fff;
    font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000;
}
.select2-dropdown.hq-combo-dd.select2-dropdown--above { border-top-color: #003579; border-bottom-color: #559ced; border-radius: 3px 3px 0 0; box-shadow: 0 -3px 3px #559ced; }
.hq-combo-dd .select2-search--dropdown { padding: 5px; }
.hq-combo-dd .select2-search--dropdown .select2-search__field {
    box-sizing: border-box; width: 100%; height: 24px; margin: 0; padding: 2px 6px;
    border: 1px solid #7fa4d6; border-radius: 3px; outline: none;
    font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; background: #fff;
}
.hq-combo-dd .select2-search--dropdown .select2-search__field:focus { border-color: #003579; box-shadow: 0 0 0 2px #cfe0f5; }
.hq-combo-dd ul.select2-results__options { margin: 0; padding: 0; list-style: none; max-height: 330px; }
.hq-combo-dd li.select2-results__option {
    margin: 0; padding: 5px 8px; list-style: none; white-space: nowrap;
    font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000;
}
.hq-combo-dd li.select2-results__option--selected { background: #e8f0fb; }
.hq-combo-dd li.select2-results__option--highlighted.select2-results__option--selectable { background: #000; color: #fff; }
.hq-combo-dd li.select2-results__message { color: #777; white-space: normal; }
.hq-combo-dd .hq-hit { background: #ffe38a; color: inherit; font-weight: bold; }   /* совпадение с набранным */
.hq-combo-dd li.select2-results__option--highlighted .hq-hit { background: #b8860b; color: #fff; }