/*----------------------------------------
  Выпадающие подсказки поиска в шапке.

  Разметку см. в ajax.php: таблица в один столбец, по строке на результат.
  Таблица здесь не по вёрстке, а по требованию JCTitleSearch — он ходит
  по tbl.rows и вешает на строку класс title-search-selected.

  Контейнер (div.title-search-result) создаёт сам скрипт компонента
  и позиционирует его абсолютно под полем ввода, задавая inline-стилями
  left/top/width. Ширину он берёт от поля — поэтому её здесь не трогаем.
------------------------------------------*/

div.title-search-result {
    display: none;
    z-index: 1000;
    margin-top: 6px;
    padding: 6px 0;
    background: #fff;
    border: 1px solid #e4e8ea;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(38, 50, 56, .14);
    overflow: hidden;
}

table.title-search-result {
    width: 100%;
    border: none;
    border-collapse: collapse;
    background: transparent;
}

table.title-search-result tr {
    border: none;
    background: transparent;
    transition: background .12s;
}

table.title-search-result td {
    border: none;
    padding: 0;
}

table.title-search-result a {
    display: block;
    padding: 9px 16px;
    color: #37474f;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
    /* Длинные названия тестов в одну строку с многоточием: подсказка
       должна оставаться списком, а не превращаться в абзацы. */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Подсветка: класс вешает скрипт — и при наведении мышью,
   и при навигации стрелками. */
table.title-search-result tr.title-search-selected {
    background: #f0f7f6;
}

table.title-search-result tr.title-search-selected a {
    color: #00695c;
}

/* Совпадения в названии компонент оборачивает в <b>. */
table.title-search-result a b {
    font-weight: 600;
    color: #263238;
}

/* Последняя строка — «Все результаты». Отделена линией и приглушена:
   это не результат, а переход на страницу поиска. */
table.title-search-result td.title-search-all {
    border-top: 1px solid #eceff1;
    margin-top: 4px;
}

table.title-search-result td.title-search-all a {
    color: #00897b;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 8px;
}

table.title-search-result tr.title-search-selected td.title-search-all a {
    color: #00695c;
}