/* --- 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; min-width:100px; width:30%; border: 1px solid #ddd; cursor: pointer; background: #fff; border-radius:6px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.dropdown.open{ z-index: 2; }
.dropdown:hover{  }
.dropdown.focus{  }

/* CARAT */
.dropdown .carat{ display: block; height:100%; position: absolute; right:20px; top: 0; width:8px; outline:none; background: url(/images/common/select-icons1.png) center no-repeat; background-size:100%; }
.dropdown.open .carat{ background: url(/images/common/select-icons2.png) center no-repeat; background-size:100%; }
.dropdown.disabled .carat{ border-top-color: #999; }

/* 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; }
.dropdown.touch .old{ width: 100%; height: 100%; }
.dropdown.touch select{ width: 100%; height: 100%; opacity: 0; }

/* SELECTED FEEDBACK ITEM */
.dropdown .selected{ line-height: 1; height:44px; line-height:44px; text-indent:20px; }
.dropdown .selected,
.dropdown li{ display: block; font-size:14px; color: #555; overflow: hidden; white-space: nowrap; }
.dropdown.disabled .selected{ color: #999; }
.dropdown .selected::after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius:6px; 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 #ddd; }
.dropdown div{ padding:5px 0; border-top:1px solid #ddd; border-radius:6px; 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; }

/* DROP DOWN LIST ITEMS */
.dropdown ul{  }
.dropdown li{ list-style: none; padding:0 7px 0 20px; line-height:30px; }

/* .focus class is also added on hover */
.dropdown li.focus{	 }
.dropdown li.active{  }