/* 
	Default custom select styles
	----------------------------
*/
div.css-select {
	position:relative;
	text-align:left;
	background:#fff;
	z-index:50;
	width:auto;
	/*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.css-select:focus {outline:none; /* For better accessibility add a style for this in your skin */}
.css-select > select {display:none;}
.css-select span {
	display:block;
	position:relative;
	cursor:pointer;
	padding:12px;
	/*white-space:nowrap;*/
	overflow:hidden;
	/*text-overflow:ellipsis;*/
}
@media screen and (max-width:767px) {
	.css-select span {padding:12px;}
}
.css-select img+span {padding-left:15px;}
.css-select > span::after,
.css-select .css-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;
}
.css-select > span::after {
	content:'\25BE';
	right:12px;
}
.css-select .css-selected span::after {
	content:'\2713';
	margin-left:10px;
}
.css-select.cs-active > span::after {
	-webkit-transform:translateY(-50%) rotate(180deg);
	transform:translateY(-50%) rotate(180deg);
}
div.cs-active {z-index:200;}

/*
	AFFICHAGE CUSTOM
	----------------
*/
div.css-skin-elastic { margin-left:5px;}
div.css-skin-elastic,
div.css-skin-elastic > span,
div.css-skin-elastic .cs-options > ul::before{background:transparent!important;}
div.css-skin-elastic > span,
div.css-skin-elastic .cs-options > ul::before{
	border:1px solid #cdcdcd;
	font-size:15px;
}
div.css-skin-elastic .cs-options > ul::before{width:calc(100% - 2px);}
div.css-skin-elastic > span { padding:7px 40px 7px 15px;}
/* 
	Options
	-------
*/
.css-select .cs-options {
	position:absolute;
	overflow:hidden;
	width:100%;
	background:#fff;
	visibility:hidden;
	font-size:15px;
}
.css-select.cs-active .cs-options {visibility:visible;}
.css-select ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	max-height:340px;
	overflow:hidden;
}
.css-select.cs-active ul {
	overflow-y:auto;
	background-color:#fff;
}
.css-select ul span {padding:1em;}
.css-select ul li.cs-focus span {background-color:#ddd;}

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