.suggestions-nowrap {
    white-space: nowrap;
}
/**
 * Основной INPUT
 */
.suggestions-input {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

    .suggestions-input::-ms-clear {
        display: none;
    }

.suggestions-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    vertical-align: top;
    -webkit-text-size-adjust: 100%;
}
/**
 * Выпадающий блок с найденными подсказками
 */
.suggestions-suggestions {
    background: white;
    color: #1D1D1B;
    border: 1px solid 1px solid #7B9CD3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    left: 0;
    min-width: 100%;
    position: absolute;
    z-index: 9999;
    -webkit-text-size-adjust: 100%;
    overflow: hidden;
}

    .suggestions-suggestions strong {
        font-weight: 600;
        /*color: #354651;*/
    }

    .suggestions-suggestions.suggestions-mobile {
        border-style: none;
    }

        .suggestions-suggestions.suggestions-mobile .suggestions-suggestion {
            border-bottom: 1px solid #90baff;
        }
/**
 * Контейнер для одной подсказки
 */
.suggestions-suggestion {
    padding: 6px;
    overflow: hidden;
    cursor: pointer;
}
/**
 * Выбранная (активная) подсказка
 */
.suggestions-selected {
    background-color: #90baff;
    color: #FFFFFF;
}

    .suggestions-selected strong {
        color: #FFFFFF;
    }

    .suggestions-suggestion:hover,
    .suggestions-selected:hover {
        background-color: #90baff;
        color: #FFFFFF;
    }

        .suggestions-suggestion:hover strong,
        .suggestions-selected:hover strong {
            color: #FFFFFF;
        }



/**
 * Информационный блок в верхней части выпадашки с подсказками
 */
.suggestions-hint {
    padding: 6px;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.6);
    font-size: 11px;
    line-height: 11px;
}
/**
 * Дополнительный текст в подсказке, который идет второй строкой
 */
.suggestions-subtext {
    color: #333;
}
/**
 * Размещает дополнительный текст в одну строку с основным текстом подсказки
 */
.suggestions-subtext_inline {
    display: inline-block;
    min-width: 6em;
    vertical-align: bottom;
    margin: 0 0.5em 0 0;
}
/**
 * Разделитель нескольких дополнительных текстов
 */
.suggestions-subtext-delimiter {
    display: inline-block;
    width: 2px;
}
/**
 * Выделяет подсказку
 */
.suggestions-subtext_label {
    margin: 0 0 0 0.25em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 3px;
    background: #f5f5f5;
    font-size: 85%;
}

.suggestions-value[data-suggestion-status="LIQUIDATED"] {
    position: relative;
}

    .suggestions-value[data-suggestion-status="LIQUIDATED"]:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        border-top: 1px solid rgba(0, 0, 0, 0.4);
        content: "";
    }
/**
 * Промо-блок
 */
.suggestions-promo {
    font-size: 85%;
    display: none;
    color: #777;
    padding: 4px;
    text-align: center;
}

    .suggestions-promo a {
        color: #777;
        display: block;
        filter: grayscale(100%);
        line-height: 20px;
        text-decoration: none;
    }

        .suggestions-promo a:hover {
            filter: grayscale(0);
        }

    .suggestions-promo svg {
        height: 20px;
        vertical-align: bottom;
    }

@media screen and (min-width: 600px) {
    .suggestions-promo {
        position: absolute;
        top: 0;
        right: 0;
        text-align: left;
    }
}