autocomplete.scss

#search-form {
    .autocomplete {
        position: relative;
        display: inline-block;
        input[type=text] {
            cursor: auto;
            background-color: #d1d1d1;
            width: 95%;
            color: #44475a;
            border: 0;
            outline: 0;
        }
        .autocomplete-items {
            position: absolute;
            border: 0;
            outline: 0;
            border-bottom: none;
            border-top: none;
            z-index: 99;
            top: 100%;
            left: 0;
            right: 0;
            div {
                padding: 10px;
                cursor: pointer;
                color: #000;
                background-color: #fff;
                border-bottom: 1px solid #d4d4d4;
                &:hover {
                    background-color: #e9e9e9;
                }
            }
        }
        .autocomplete-active {
            background-color: DodgerBlue !important;
            color: #ffffff;
        }
    }
    input {
        margin-top: 10px;
        border-radius: 5px;
        transition: background-color 0.3s;
        border: 0;
        outline: 0;
        background-color: #50fa7b;
        padding: 10px;
        color: #f8f8f2;
        font-weight: bolder;
        font-size: 16px;
        cursor: pointer;
        &:hover {
            background-color: #2cc753;
        }
        &:active {
            background-color: #149434;
        }
    }
}