.autocomplete {
	position: relative;
	display: block;
	width: 100%;
  }
  
  .autocomplete input {
	background-color: #f1f1f1;
	/*height: 38px;*/
	border: 1px solid #C1E9FE;
	border-left: 5px solid #A6D1F5;
	padding: 6px 12px 7px 4px;
	box-sizing: border-box;
  }
  
  .autocomplete input[type=text] {
		background-color: #f1f1f1;
		width: 100%;    
		font-family: Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-seri
		}
		input[type=number] {
		background-color: #f1f1f1;
		width: 100%;    
		font-family: Segoe UI WestEuropean,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-seri
		}
  
	
  input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
		-webkit-appearance: none; 
		margin: 0; 
	}

  .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;
	width:250px;
	max-height:20em;
	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; 
  }
  .autocomplete-items div.sub-project-code{
  	padding-left:20px
  }