.combo-wrap, .combobox {
	position: relative;
}

.listbox {
	display: none;
	position: absolute;
	top: 60px; /* the height of the input */
	left: 0;
	right: 0;
	min-width: 250px;
	box-sizing: border-box;
	border: 2px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	z-index: 99;
	text-align: left;
	max-height: 234px;
	overflow-y: auto;
}

.listbox.open {display: block;}

.listbox .option {
	padding: 10px 20px;
	cursor: default;
}

.listbox .option.selected {
	color: #fff;
	background-color: #ccd7ff; /*#373250*/
}

.listbox .option.active {
	color: #000;
	background-color: #ccd7ff;
}

.listbox .underline {
	text-decoration: underline;
}

.multiselect .option:before,
.multiselect-with-groups .option:before {
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	border: 2px solid #ddd;
	margin-right: 7px;
}

.multiselect .option:after,
.multiselect-with-groups .option:after {
	/*Add another block-level blank space*/
	content: '';
	display: none;
	margin: 2px auto;

	/*Make it a small rectangle so the border will create an L-shape*/
	width: 4px;
	height: 10px;

	/*Add a white border on the bottom and left, creating that 'L' */
	border: solid #fff;
	border-width: 0 2px 2px 0;

	/*Rotate the L 45 degrees to turn it into a checkmark*/
	transform: rotate(45deg);
}

.multiselect .option.selected:after,
.multiselect-with-groups .option.selected:after {
	display: inline-block;
	left: 12px;
	position: absolute;
}

.optgroup-label {
	font-weight: bold;
	font-size: 22px;
	border-bottom: 5px solid;
}