span.twitter-typeahead .tt-hint,
.twitter-typeahead .tt-input {
    width:100%;

}


span.twitter-typeahead {
    width: 100%;
    /* margin-left: 3rem; */
}

.typeahead.dropdown-menu,
span.twitter-typeahead .tt-menu {
    min-width: 100%;
    background: white;
    /*as large as input*/
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 6px;
    margin: 12px 0;
    padding: 8px 0;
    /* font-size: 1.2rem; */
}

span.twitter-typeahead .tt-suggestion {
    /* color: #4285F4; */
    cursor: pointer;
    padding: 0.1rem 2rem;
    /* text-transform: capitalize; */
    /* font-weight: 400; */
}




/* .tt-dataset h5:first-child { */
/*     margin-top:2px; */
/* } */

div.tt-dataset div > h5 {
    text-transform: capitalize;
    /* margin-top:10px; */
    padding: .5rem 1rem;
    color: #868e96;
    white-space: nowrap;
    display: block;
    margin-bottom: 0;
}

span.twitter-typeahead .active.tt-suggestion,
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .active.tt-suggestion:focus,
span.twitter-typeahead .tt-suggestion.tt-cursor:focus,
span.twitter-typeahead .active.tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
    background-color: #EEEEEE;
    /* color: #4285F4; */
}

.tt-menu {
    max-height: 300px;
    overflow-y: auto;
}