/* Default custom select styles */
div.CSS-Select {
	position:absolute;
	top:0;
	left:0;
	text-align: left;
	z-index: 7000;
	width: 90%;
}


.CSS-Select select {
	display: none;
}

.CSS-Select span {
	display: block;
	position: relative;
	cursor: pointer;
}

/* Placeholder and selected option */
.CSS-Select > span {
	padding-right: 3em;
}

.CSS-Select > span::after,
.CSS-Selected span::after {
	position: absolute;
	top: 0;
}

.CSS-Select > span::after {
	content: ' ';
	right: 1em;
}

.CSS-Select .CSS-Selected span::after {
	content: ' ';
	margin-left: 1em;
}

.CSS-Select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 7200;
}

/* Options */
.CSS-Select .cs-options {
	position: absolute;
	top:0;
	overflow: hidden;
	width: 100%;
	background: #000;
	visibility: hidden;
}

.CSS-Select.cs-active .cs-options {
	visibility: visible;
}

.CSS-Select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.CSS-Select ul span {
	padding: 1em;
}

.CSS-Select ul li.cs-focus span {
	background: #000;
}