﻿.header.stick .result-search-autocomplete {
    top: 54px;
}

.result-search-autocomplete {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #FFF;
    top: 68px;
    max-height: 468px;
    z-index: 99999999;
    box-sizing: border-box;
    border: 1px solid #ddd;
    width: 69%;
}

    .result-search-autocomplete h4 {
        display: block;
        line-height: 1.3em;
        color: #333;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 0;
    }

    .result-search-autocomplete h5 {
        font-size: 14px;
        margin-top: 8px;
        color: red;
    }

        .result-search-autocomplete h5 i {
            color: #999;
            font-style: normal;
            font-size: 11px;
            text-decoration: line-through;
        }

    .result-search-autocomplete h6 {
        text-transform: uppercase;
        font-size: 9px;
        font-weight: normal;
        color: #d50000;
        display: block;
        margin-top: 8px;
        text-align: right;
    }

    .result-search-autocomplete ul, li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

.result-search-autocomplete-image {
    height: 50px;
    padding-left: 15px;
}

.result-search-autocomplete > ul {
    max-height: 400px;
    overflow: hidden;
}

    .result-search-autocomplete > ul::-webkit-scrollbar {
        width: 4px;
        height: 2px;
    }

    .result-search-autocomplete > ul::-webkit-scrollbar-track {
        background-color: #fff;
    }

    .result-search-autocomplete > ul::-webkit-scrollbar-thumb {
        background-color: #d50000;
    }

        .result-search-autocomplete > ul::-webkit-scrollbar-thumb:hover {
            background-color: #d50000;
        }

    .result-search-autocomplete > ul > li > a {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 6px;
        text-decoration: none;
    }

    .result-search-autocomplete > ul > li {
        display: block;
        background: #fff;
        overflow: hidden;
        list-style: none;
        border-bottom: 1px dotted #ccc;
        float: left;
        padding: 5px 0;
        box-sizing: border-box;
        width: 100%;
        text-align: left;
    }

        .result-search-autocomplete > ul > li > a:hover button {
            color: #FFF;
        }
