.awesomplete [hidden] {
	display: none;
}

.awesomplete .visually-hidden {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.awesomplete {
	width: 100%;
	height: 48px;
	color: #000;
	display: inline-block;
	/*position: relative;*/
}

.awesomplete > input {
	display: block;
}

.awesomplete > ul {
	position: absolute;
	left: 0;
	z-index: 100;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: solid 1px #ddd;
	background: #f6f6f6;
	overflow-y: auto;
    overflow-x: hidden;
    height: 200px;
	margin: 0;
	text-shadow: none;
}

.awesomplete > ul:empty {
	display: none;
}

@supports (transform: scale(0)) {
	.awesomplete > ul {
		/* transition: .3s cubic-bezier(.4,.2,.5,1.4); */
		/* transform-origin: 1.43em -.43em; */
	}

	.awesomplete > ul[hidden],
	.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		transition-timing-function: ease;
	}
}

.awesomplete > ul > li {
	display:block;
	border-bottom:solid 1px #ddd; 
	color:#333; 
	padding:11px 18px 13px 18px; 
	/* text-overflow:ellipsis; */
	/* white-space:nowrap; */
	/* overflow:hidden; */
	cursor: pointer;
}

.awesomplete > ul > li:hover {
	background: hsl(200, 40%, 80%);
	color: black;
}

.awesomplete > ul > li[aria-selected="true"] {
	background: hsl(205, 40%, 40%);
	color: white;
}

.awesomplete mark {
	background: hsl(65, 100%, 50%);
}

.awesomplete li:hover mark {
	background: hsl(68, 100%, 41%);
}

.awesomplete li[aria-selected="true"] mark {
	background: hsl(86, 100%, 21%);
	color: inherit;
}