/***
	TYPEAHEAD for MDB
	by djibe
***/

.typeahead {
    z-index: 1051;
}


/*If using icon span before input, like <i class="fa fa-asterisk prefix"></i>*/

span.twitter-typeahead {
    width: 100%;
}


/* Aspect of the dropdown of results*/

.typeahead.dropdown-menu,
span.twitter-typeahead .tt-menu {
    min-width: 100%;
	background: white;
    /*as large as input*/
    border: none;
    box-shadow: 2px 4px 6px rgba(0,0,0,.15);
    border-radius: 0;
    font-size: 14px;
	font-weight: 700;
}


/*Aspect of results, done*/

span.twitter-typeahead .tt-suggestion {
    color: var(--dark-gray-color);
    cursor: pointer;
    padding: .5rem 1rem;
	border-bottom: 1px solid var(--lightest-gray-color);
	transition: all .3s ease;
}
span.twitter-typeahead .tt-suggestion:hover{
	background-color: var(--lightest-gray-color);
    color: var(--primary-color);
}

/*Hover a result, done*/

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: var(--lightest-gray-color);
    color: var(--dark-gray-color);
}

label.active {
    color: var(--dark-gray-color) !important;
}