/* Default custom select styles */
@font-face {
	font-family: 'icomoon';
	src:url('/fonts/icomoon/icomoon.eot?-rdnm34');
	src:url('/fonts/icomoon/icomoon.eot?#iefix-rdnm34') format('embedded-opentype'),
		url('/fonts/icomoon/icomoon.woff?-rdnm34') format('woff'),
		url('/fonts/icomoon/icomoon.ttf?-rdnm34') format('truetype'),
		url('/fonts/icomoon/icomoon.svg?-rdnm34#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}



@media screen and (max-width: 30em) {
	div.cs-skin-elastic { font-size: 1em; }
}



.cs-skin-elastic > span::after {
	font-family: 'icomoon';
	content: '\e005';
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
div.cs-select {
	display:table-cell;vertical-align:middle;float:left;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 145px;;
	max-width: 500px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select .cs-placeholder {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:130px;
}

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

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\e005';
	right: 0;padding-right:3px;background:#fff;
}

/*.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em;
}*/

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

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

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 248px;top:38px;right:0px;border:1px solid #0f9bd6; z-index: 4;
	background: #fff;
	visibility: hidden;
}
.orientation .cs-select .cs-options {
    width: 264px;
}
.size .cs-select .cs-options{width:222px;}
.cs-select.cs-active .cs-options {
	visibility: visible;
}

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

.cs-select ul span {
	padding: 1em;
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}