.autocomplete {
	/*the container must be positioned relative:*/
	position: relative;
	display: inline-block;
  }
  .autocomplete input {
	border: 1px solid transparent;
	background-color: #f1f1f1;
	padding: 10px;
	font-size: 16px;
  }
  .autocomplete input[type=text] {
	background-color: #f1f1f1;
	width: 100%;
  }
  .autocomplete input[type=submit] {
	background-color: DodgerBlue;
	color: #fff;
  }
  .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%;
	left: 0;
	right: 0;
  }
  .autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9;
  }
  .autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important;
	color: #ffffff;
  }
  .autocomplete .red{
	  color:red;
  }