/*{
        box-sizing: border-box;
    }
   
    
    body {
        font: 16px Arial;
    }
 */
    /*the container must be positioned relative:*/
    .autocomplete {
        position: relative;
        display: inline-block;        
    }

    input {
        border: 1px solid transparent;
       /*background-color: #f1f1f1;*/
        padding: 10px;
        font-size: 16px;
        padding-left: 0px;
    }
        input[type=text] {
            /*background-color: #f1f1f1;*/
            width: 100%;
        }

        input[type=submit] {
            background-color: DodgerBlue;
            color: #fff;
            cursor: pointer;
        }
		 
    .autocomplete-items {
        font-family: "Roboto", sans-serif;
        position: absolute;
		
        border-bottom: none;
        border-top: none;
        z-index: 99;
        font-size:12pt;
		color: #343434;
		font-weight:500;
		text-decoration: none;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        left: 0;
        right: 0;
		text-align: left;
        overflow: auto; 
        /*height: 100px;*/
    }

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

    .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
    }