div.fancy-select{position:relative;text-transform:uppercase;color:#262626}div.fancy-select.disabled{opacity:.5}div.fancy-select select:focus+div.trigger{box-shadow:0 0 0 1px #ccc}div.fancy-select select:focus+div.trigger.open{box-shadow:none}div.fancy-select div.trigger{border-radius:2px;cursor:pointer;padding:6px 24px 5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;background:#fff;border:1px solid #ccc;border-top-color:#ccc;color:#262626;box-shadow:0 1px 2px rgba(0,0,0,.2);width:100%;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;border-top-color:#ccc;top:12px;right:9px}div.fancy-select div.trigger.open{background:#fff;border:1px solid #ccc;color:#262626;box-shadow:none}div.fancy-select div.trigger.open:after{border-top-color:#ccc}div.fancy-select ul.options{padding-left:0;list-style:none;margin:0;position:absolute;top:40px;left:0;visibility:hidden;opacity:0;z-index:50;max-height:200px;overflow:auto;background:#fff;border-radius:2px;border-top:1px solid #ccc;box-shadow:0 1px 2px rgba(0,0,0,.2);min-width:200px;width:100%;transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-webkit-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-moz-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-ms-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-o-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out}div.fancy-select ul.options.open{visibility:visible;top:40px;opacity:1;transition:opacity 300ms ease-out,top 300ms ease-out;-webkit-transition:opacity 300ms ease-out,top 300ms ease-out;-moz-transition:opacity 300ms ease-out,top 300ms ease-out;-ms-transition:opacity 300ms ease-out,top 300ms ease-out;-o-transition:opacity 300ms ease-out,top 300ms ease-out}div.fancy-select ul.options.overflowing{top:auto;bottom:40px;transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-webkit-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-moz-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-ms-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-o-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out}div.fancy-select ul.options.overflowing.open{top:auto;bottom:50px;transition:opacity 300ms ease-out,bottom 300ms ease-out;-webkit-transition:opacity 300ms ease-out,bottom 300ms ease-out;-moz-transition:opacity 300ms ease-out,bottom 300ms ease-out;-ms-transition:opacity 300ms ease-out,bottom 300ms ease-out;-o-transition:opacity 300ms ease-out,bottom 300ms ease-out}div.fancy-select ul.options li{padding:8px 12px;color:#262626;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-color:#eee;color:#262626}div.fancy-select ul.options li.hover{color:#000;background-color:#eee}