div.fancy-select{position:relative;color:#555}div.fancy-select.disabled{opacity:.5}div.fancy-select select:focus+div.trigger{box-shadow:none}div.fancy-select select:focus+div.trigger.open{box-shadow:none}div.fancy-select div.trigger{border-radius:4px;cursor:pointer;padding:7px 0 7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;background:#e9e9e9;border:1px solid #e9e9e9;color:#555;box-shadow:none;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAYAAADjoT9jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTgxNTMxRkFDOTlDMTFFNDg4OTdFQkIyREFBNTc1NEUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTgxNTMxRjlDOTlDMTFFNDg4OTdFQkIyREFBNTc1NEUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNBMEY0OEEzNUI3MjExRTM4M0YyRjlBRkVGMjA2MTc4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNBMEY0OEE0NUI3MjExRTM4M0YyRjlBRkVGMjA2MTc4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ScPLiAAAAIxJREFUeNpinD9//nkGBgYDBtLAh4SEBEFiFDIBsSMQXyDRAkdiFTIlJiZ+INESoJZEoh3EBNVBrCUTgGoXkOJVRmQOMD4UgBQoTgSwqF0AcjqM8///f+J9gOT3B1CffEBTB/JZIQMZgBGbINAnoFS1H+oTkGWK0GBkoMgHSD65APUJ2EfohpMCAAIMAA1WLCMtRVyKAAAAAElFTkSuQmCC');background-position:right 14px;background-repeat:no-repeat;transition:all 240ms ease-out;-webkit-transition:all 240ms ease-out;-moz-transition:all 240ms ease-out;-ms-transition:all 240ms ease-out;-o-transition:all 240ms ease-out}div.fancy-select div.trigger:after{content:"";display:block;position:absolute;width:0;height:0;border:5px solid transparent;top:20px;right:9px}div.fancy-select div.trigger.open{background:#ddd;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAYAAADjoT9jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTgxNTMxRkFDOTlDMTFFNDg4OTdFQkIyREFBNTc1NEUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTgxNTMxRjlDOTlDMTFFNDg4OTdFQkIyREFBNTc1NEUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNBMEY0OEEzNUI3MjExRTM4M0YyRjlBRkVGMjA2MTc4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNBMEY0OEE0NUI3MjExRTM4M0YyRjlBRkVGMjA2MTc4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ScPLiAAAAIxJREFUeNpinD9//nkGBgYDBtLAh4SEBEFiFDIBsSMQXyDRAkdiFTIlJiZ+INESoJZEoh3EBNVBrCUTgGoXkOJVRmQOMD4UgBQoTgSwqF0AcjqM8///f+J9gOT3B1CffEBTB/JZIQMZgBGbINAnoFS1H+oTkGWK0GBkoMgHSD65APUJ2EfohpMCAAIMAA1WLCMtRVyKAAAAAElFTkSuQmCC');background-position:right 14px;background-repeat:no-repeat;border:1px solid #ddd;color:#555;box-shadow:none}div.fancy-select ul.options{list-style:none;margin:0;position:absolute;top:20px;left:0;visibility:hidden;opacity:0;z-index:50;overflow:auto;background:#ddd;border-radius:4px;border-top:1px solid #ddd;padding:0;transition:opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out;-webkit-transition:opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out;-moz-transition:opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out;-ms-transition:opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out;-o-transition:opacity .3s ease-out,top .3s ease-out,visibility .3s ease-out}div.fancy-select ul.options.open{visibility:visible;top:50px;opacity:1;transition:opacity .3s ease-out,top .3s ease-out;-webkit-transition:opacity .3s ease-out,top .3s ease-out;-moz-transition:opacity .3s ease-out,top .3s ease-out;-ms-transition:opacity .3s ease-out,top .3s ease-out;-o-transition:opacity .3s ease-out,top .3s ease-out}div.fancy-select ul.options.overflowing{top:auto;bottom:40px;transition:opacity .3s ease-out,bottom .3s ease-out,visibility .3s ease-out;-webkit-transition:opacity .3s ease-out,bottom .3s ease-out,visibility .3s ease-out;-moz-transition:opacity .3s ease-out,bottom .3s ease-out,visibility .3s ease-out;-ms-transition:opacity .3s ease-out,bottom .3s ease-out,visibility .3s ease-out;-o-transition:opacity .3s ease-out,bottom .3s ease-out,visibility .3s ease-out}div.fancy-select ul.options.overflowing.open{top:auto;bottom:50px;transition:opacity .3s ease-out,bottom .3s ease-out;-webkit-transition:opacity .3s ease-out,bottom .3s ease-out;-moz-transition:opacity .3s ease-out,bottom .3s ease-out;-ms-transition:opacity .3s ease-out,bottom .3s ease-out;-o-transition:opacity .3s ease-out,bottom .3s ease-out}div.fancy-select ul.options li{padding:8px 25px;color:#aaa;cursor:pointer;white-space:nowrap;transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out}div.fancy-select ul.options li.selected{background:rgba(50,50,50,.3);color:rgba(0,0,0,.75)}div.fancy-select ul.options li.hover{color:#555}