.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}.dropdown{position:relative;margin:0 20px;cursor:pointer;background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown.open{z-index:2}.dropdown .carat{position:absolute;right:12px;top:50%;margin-top:-4px;border:6px solid transparent;border-top:8px solid #ccc;font-size:7px}.dropdown.open .carat{margin-top:-10px;border-top:6px solid transparent;border-bottom:8px solid #000}.dropdown.disabled .carat{border-top-color:#999}.dropdown .old{position:absolute;left:0;top:0;height:0;width:0;overflow:hidden}.dropdown select{position:absolute;left:0;top:0}.dropdown.touch .old{width:100%;height:100%}.dropdown.touch select{width:100%;height:100%;opacity:0}.datepicker,.dropdown .selected,.dropdown li{display:block;padding:9px 12px;overflow:hidden;white-space:nowrap}.dropdown .selected{font-style:italic}.dropdown.disabled .selected{color:#999}.dropdown .selected::after{content:'';position:absolute;right:0;top:0;bottom:0;width:60px}.dropdown div{position:absolute;height:0;left:0;right:0;top:100%;margin-top:-1px;background:#fff;border-top:1px solid #eee;overflow:hidden;opacity:0}.dropdown.open div{opacity:1;z-index:2}.dropdown.scrollable div::after{content:'';position:absolute;left:0;right:0;bottom:0;height:50px}.dropdown.scrollable.bottom div::after{opacity:0}.dropdown ul{position:absolute;left:0;top:0;height:100%;width:100%;list-style:none;overflow:hidden}.dropdown.scrollable.open ul{overflow-y:auto}.dropdown li{list-style:none;padding:8px 12px}.dropdown li.focus{background:#af272f;position:relative;z-index:3;color:#fff}