div.fancy-select{display:inline-block;position:relative;text-transform:uppercase;font-size:11px;color:#aaa;font-weight:bold;}
div.fancy-select.disabled{opacity:0.5;}
div.fancy-select select:focus + div.trigger{border:2px solid #1a7ec7;}
div.fancy-select select:focus + div.trigger.open{box-shadow:none;}
div.fancy-select div.trigger{border-radius:2px;cursor:pointer;padding:10px 24px 9px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;background:#fff;border:2px solid #ddd;color:#7A8498;width:276px;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:#4B5468;top:15px;right:9px;}
div.fancy-select div.trigger.open{background:#fff;border:2px solid #1a7ec7;color:#aaa;box-shadow:none;}
div.fancy-select div.trigger.open:after{border-top-color:#7A8498;}
div.fancy-select ul.options{padding-left:0;list-style:none;margin:0;position:absolute;top:38px;left:0;visibility:hidden;opacity:0;z-index:50;max-height:200px;overflow:auto;background:#fff;border-radius:0px 0px 4px 4px;border:1px solid #aaa;border-top:0px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);min-width:311px;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:38px;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:38px;border-radius:4px 4px 0px 0px;border:1px solid #aaa;border-bottom:0px;box-shadow:0 -1px 2px rgba(0, 0, 0, 0.2);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:38px;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:#6c6c6c;cursor:pointer;white-space:nowrap;border-bottom:1px solid #eee;text-transform:none;font-weight:400;font-size:12px;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:last-child{border-bottom:0px;}
div.fancy-select ul.options li.selected{background:rgba(255,255,255,0.15);color:#1a7ec7;}
div.fancy-select ul.options li.hover{color:#aaa;}