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

/* ********************************************************************* */
/* CSS FONTS ----------------------------------------------------------- */
/* ********************************************************************* */
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');


/* 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{ width:160px; position:relative; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer; background:#ffffff; -webkit-user-select:none; -moz-user-select:none; user-select:none; }
.dropdown.open{ z-index:2; }
.dropdown:hover{ -webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,0.15); box-shadow:10px 10px 5px 0px rgba(0,0,0,0.15); }
.dropdown.focus{ -webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,0.15); box-shadow:10px 10px 5px 0px rgba(0,0,0,0.15); }

/* CARAT */
.dropdown .carat{ position:absolute; right:12px; top:50%; margin-top:-4px; border:6px solid transparent; border-top:8px solid #000; }
.dropdown.open .carat{ margin-top:-10px; border-top:6px solid transparent; border-bottom:8px solid #000; }
.dropdown.disabled .carat{ border-top-color:#999999; }

/* OLD SELECT (HIDDEN) */
.dropdown .old{ width:0; height:0; position:absolute; left:0; top:0; overflow: hidden; }
.dropdown select{ position:absolute; left:0px; top:0px; }
.dropdown.touch .old{ width:100%; height:100%; }
.dropdown.touch select { width:100%; height:100%; opacity:0; }

/* SELECTED FEEDBACK ITEM */ 

.dropdown .selected, .dropdown li { display:block; padding:9px 12px; overflow:hidden; white-space:nowrap; font-family:'Quicksand', sans-serif; font-weight:700; font-size:0.813em; color:#000000; text-align:left; line-height:1; }

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

.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: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-radius: 0 0 3px 3px;
	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 #ffffff;
}

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

/* DROP DOWN LIST */
.dropdown ul{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; list-style:none; }
.dropdown.scrollable.open ul{ overflow-y:auto; }
.dropdown li{ padding:4px 12px; list-style:none; }
.dropdown li.focus{ position:relative; color:#ffffff; background:#000000; z-index:3; }