/* --- EASYDROPDOWN DEFAULT THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
 -webkit-transition: all 150ms ease-in-out;
 -moz-transition: all 150ms ease-in-out;
 -ms-transition: all 150ms ease-in-out;
 transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
 -webkit-pointer-events: none;
 -moz-pointer-events: none;
 -ms-pointer-events: none;
 pointer-events: none;
}

/* WRAPPER */

.dropdown{
	position: relative;
	width: 100%;
	cursor: pointer;
	padding:7.5px 13px;	
	background:#666666;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	text-align:left;
	color:#FFF;
	font-size:14px;
}
.search-area .dropdown{background: #9BCC50; padding:6px 13px; text-align:center;}

.dropdown.open{z-index: 2; border-radius: 5px 5px 0px 0px;}

/* CARAT */
.dropdown .carat{
	position: absolute;
	right: 12px;
	top: 50%;
	width:12px; height:8px;
	margin-top: -4px;
	background:url(../images/dropdown-arrow2.png) 0 0px no-repeat;
}
.caretdrop .dropdown .carat{
	top: 50%;
	width:10px; height:7px;
	margin-top: -3px;
	background:url(../images/dropdown-arrow.png) 0 0px no-repeat;
}
/* OLD SELECT (HIDDEN) */

.dropdown .old{
 position: absolute;
 left: 0;
 top: 0;
 height: 0;
 width: 0;
 overflow: hidden;
}

.dropdown select{
 position: absolute;
 left: 0px;
 top: 0px;
  background:#bdc3c7;
}

.dropdown.touch .old{
 width: 100%;
 height: 100%;
}

.dropdown.touch select{
 width: 100%;
 height: 100%;
 opacity: 0;
}

/* SELECTED FEEDBACK ITEM */ 

.dropdown .selected,
.dropdown ul li{
	display: block !important;
	color: #FFF;
	overflow: hidden;
	white-space: nowrap;
	font-size:14px;
	margin:0px; width:100%;
}

.dropdown.disabled .selected{
 color: #999;
}

.dropdown .selected::after{
 content: '';
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 width: 60px;
 
 border-radius: 0 2px 2px 0;
 /*box-shadow: inset -55px 0 25px -20px #fff*/;
}

/* DROP DOWN WRAPPER */

.dropdown div{
 position: absolute;
 height: 0;
 left: -1px;
 right: -1px;
 top: 100%;
 margin-top: -1px;
 background: #666;
 border: 1px solid #ccc;
 border-top: 1px solid #E5CFB3;
 border-radius:0px 0px 5px 5px;
 overflow: hidden;
 opacity: 0;
}

/* Height is adjusted by JS on open */

.dropdown.open div{
 opacity: 1;
 z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 50px;
 
 /*box-shadow: inset 0 -50px 30px -35px #fff;*/
}

.dropdown.scrollable.bottom div::after{
 opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 list-style: none;
 overflow: hidden;
}

.dropdown.scrollable.open ul{
 overflow-y: auto;
 background:#666;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 8px 12px; margin:0px !important; text-align:left; border-bottom:solid 1px #E5CFB3;
}
.dropdown li:last-child{border-bottom:0px;}

/* .focus class is also added on hover */

.dropdown li.focus{
 background: #E5CFB3;
 position: relative;
 z-index: 3;
 color: #323e4e;
}

.dropdown li.active{
 font-weight: normal ;
 text-align:left;
}