/* Experimental combobox style
 ============================================================= */

/* Overlay default style */
.combobox-wrapper [role=listbox] {
	background: white;
	border: 2px solid #999;
	list-style: none;
	margin: 0;
	min-width: 230px;
	padding: 0;
	position: absolute;
	top: 1.7em;
	z-index: 9999;

	/* Note about z-index: Ideally it should be set to 1, but the <footer id="wb-info"> has a z-index set to 5, */
}

/* Active state style */
.combobox-wrapper [role=option][aria-selected=true] {
	background: #8bbde1;
	border: 1px dotted #000;
	color: #000;
}
.combobox-wrapper [role=option]:hover {
	background: rgb(139, 189, 225); /* #8bbde1 */
	border: 1px dotted #000;
	color: #000;
	cursor: default;
}
.combobox-wrapper [role=option], .combobox-wrapper [role=option]:hover[aria-selected=false]{
	background: #fff;
	border: 1px solid transparent;
	color: #000;
	padding: 2px;
}

/* Have the input and the overlay together */
.combobox-wrapper {
	display: inline-block;
	position: relative;
}