input {
        border: 1px solid transparent;
        padding: 10px;
        font-size: 14px;
    }

        input[type=text] {
           
            width: 100%;
        }

        input[type=submit] {
           
            color: #fff;
            cursor: pointer;
        }

    .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        right: 0;
        left: 16px;
        width: 329px;
        min-height:40px;
        max-height: 230px;
        background:#fff;    
        right: 0;
        overflow: auto;
}
    

        .autocomplete-items div {
            padding: 10px;
            cursor: pointer;
            background-color: #fff;
            border-bottom: 1px solid #d4d4d4;
        }

            /*when hovering an item:*/
            .autocomplete-items div:hover {
                background-color: #e9e9e9;
            }

    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
    }