@import "../variables/colors";
@import "../variables/dimensions";

.autosuggest-container {
    position: relative;
}

.autosuggest-suggestions-list {
    border: 1px solid $mediumGrayColor;
    margin-top: 2px;
    padding: 0;
    min-width: 100%;
    display: table;
    background-color: $whiteColor;

    li {
        list-style-type: none;
        padding: $grid-gutter-width;
        cursor: pointer;
        white-space: nowrap;
    }
}

.autosuggest-container-open .autosuggest-suggestions-container {
    position: absolute;
    z-index: 100500;
    width: 100%;
    background-color: $whiteColor;
}

.autosuggest-suggestion-focused {
    background-color: $lightestGrayColor;
    color: $primaryColorAlt;
}

.autosuggest-input {
    text-overflow: ellipsis;
}