/* Custom select
-------------------------------------------------------------- */
/* Wrapper element to enable positioning */
.custom-select-container {
	position:relative;
}

/*
 * Set the height of the select element to match the replacing span element
 * and make it transparent.
 */
select.replaced {
	display:block;
	position:relative;
	z-index:10;
	width:100%;
	height:34px;
	opacity:0;
}

/* The span elements that are inserted underneath the real select */
.custom-select {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
}
.custom-select > span {
	display:block;
	position:relative;
	padding:6px 35px 6px 10px;
	border:1px solid #e3e2e1;
	border-radius:2px;
	background:#fff;
	color:inherit;
	line-height:normal;
}
.custom-select > span:after {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:35px;
	border-left:1px solid #e3e2e1;
	background:#f5f4f3;
	content:"";
}
.custom-select span span {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.custom-select span span:after {
	position:absolute;
	top:50%;
	right:12px;
	z-index:10;
	width:10px;
	height:10px;
	margin-top:-5px;
	background:url(/gui/i/arrows-small.svg) 50% -48px;
	content:"";
}
.custom-select.active > span {
	position:relative;
	border-color:#bbb;
}