.twitter-typeahead {width: 100%;}

.tt-menu {
    background-color: #eeefea;
    color: #292b2c;
    left: -45% !important;
    width: 203% !important;
    padding: .5rem;
    border: solid 1px rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

@media (max-width: 768px) {
    /* Do not display auto-complete on small devices */
    .tt-menu {
        display: none !important;
    }
}

.tt-dataset {
    float: left;
    display: table-cell;
    height: 100%;
}

.tt-dataset:first-child,
.tt-dataset:first-child .tt-suggestion {
    border-left: none;
    padding-left: 0;
}

.tt-dataset h5 {
    font-size: large;
    font-weight: bold;

    text-align: center;
}

.tt-suggestion {
    cursor: pointer;
    padding-right: 1rem;
    padding-left: 1rem;
    border-left: solid 1px rgba(0, 0, 0, .125);
}

.tt-suggestion h6 {
    font-size: 1rem;
}

.tt-suggestion:hover {
    background-color: #d7d8d2;
}

.tt-dataset-organic { width: 25%; }
.tt-dataset-people  { width: 40%; }
.tt-dataset-courses { width: 35%; }

.tt-dataset-people .tt-suggestion,
.tt-dataset-courses .tt-suggestion {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.tt-dataset .media-body,
.tt-dataset .details {
    font-size: 1rem;
    padding-top: .4rem
}

.tt-dataset-people img {
    max-width: 64px;
    max-height: 64px;
    
}

.tt-dataset h6 {
    color: #164d6d;
    margin: 0;
}