/* Custom autocomplete variables */
:root{
    --background-color-autocomplete: var(--color-primary);
}

.typeahead {
    background-color: var(--color-white);
}

.tt-hint {
    color: var(--color-grey);
}

.tt-menu {
    width: 100%;
    background-color: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: var(--color-white);
    background-color: var(--background-color-autocomplete);
}

.tt-suggestion.tt-cursor {
    color: var(--color-white);
    background-color: var(--background-color-autocomplete);
}

.tt-suggestion p {
    margin: 0;
}

.typeahead::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    var(--color-grey);
}
.typeahead:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    var(--color-grey);
    opacity:  1;
}
.typeahead::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    var(--color-grey);
    opacity:  1;
}
.typeahead:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    var(--color-grey);
}