﻿.twitter-typeahead {
    display: block !important
}

    .twitter-typeahead .tt-menu {
        float: left;
        position: absolute;
        left: 0;
        top: 100%;
        text-align: left;
        list-style: none;
        background-clip: padding-box;
        display: none
    }

[dir=rtl] .twitter-typeahead .tt-menu {
    float: right;
    left: auto !important;
    right: 0 !important;
    text-align: right
}

.twitter-typeahead .tt-menu .tt-suggestion {
    text-align: inherit;
    border: 0;
    width: 100%;
    display: block;
    white-space: nowrap;
    background: none;
    clear: both;
    cursor: pointer
}

    .twitter-typeahead .tt-menu .tt-suggestion p {
        margin: 0
    }

    .twitter-typeahead .tt-menu .tt-suggestion .tt-highlight {
        font-weight: 500
    }

.twitter-typeahead .tt-hint {
    color: #999
}

[dir=rtl] .twitter-typeahead .tt-input {
    direction: rtl
}

.light-style .twitter-typeahead .tt-menu {
    min-width: 12rem;
    padding: .3125rem 0;
    font-size: .9375rem;
    z-index: 1000;
    margin: .125rem 0;
    color: #697a8d;
    box-shadow: 0 .25rem 1rem rgba(161,172,184,.45);
    background-color: #fff;
    border-radius: .375rem
}

.light-style .twitter-typeahead .tt-hint {
    color: #b4bdc6
}

.light-style .twitter-typeahead .tt-suggestion {
    font-weight: 400;
    color: #697a8d;
    padding: .532rem 1.25rem
}

    .light-style .twitter-typeahead .tt-suggestion:hover, .light-style .twitter-typeahead .tt-suggestion:focus {
        text-decoration: none;
        color: #697a8d;
        background-color: rgba(67,89,113,.04)
    }

.dark-style .twitter-typeahead .tt-menu {
    color: #a3a4cc;
    min-width: 12rem;
    padding: .3125rem 0;
    margin: .125rem 0;
    box-shadow: 0 .25rem 1rem rgba(0,0,0,.2);
    font-size: .9375rem;
    background-color: #323249;
    z-index: 1000;
    border-radius: .375rem
}

    .dark-style .twitter-typeahead .tt-menu .tt-suggestion {
        font-weight: 400;
        color: #a3a4cc;
        padding: .532rem 1.25rem
    }

        .dark-style .twitter-typeahead .tt-menu .tt-suggestion:hover, .dark-style .twitter-typeahead .tt-menu .tt-suggestion:focus {
            text-decoration: none;
            color: #a3a4cc;
            background-color: rgba(124,125,182,.1)
        }

.dark-style .twitter-typeahead .tt-hint {
    color: #7c7db6
}
