/*======================================================================
  Selectric
======================================================================*/
.selectricWrapper                   { position:relative; margin:0 20px 0 0; width:200px; cursor:none; float:right; border:none; }
.selectricResponsive                { width:100%; }
.selectric                          { border:none; background:#fff; position:relative; }
.selectric .label                   { display:block; position:relative; white-space:nowrap; overflow:hidden; margin:0 30px 0 0; font:18px Joy; border:none; padding:13px 5px 9px; background:transparent !important; text-align:left !important; }
.selectric .label::after 			{ content:''; position:absolute; top:0; right:0; bottom:0; width:20px; background:linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); }
.selectric .button                  { display:block; position:absolute; right:0; top:0; width:20px; height:45px; color:#BBB; text-align:center; font:0/0 a; *font:20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial; background:transparent !important; padding:0 !important; margin:0 !important; }
.selectric .button::after           { content:" "; position:absolute; top:-2px; right:0; bottom:0; left:0; margin:auto; width:0; height:0; border:5px solid transparent; border-top-color:#000; border-bottom:none; }
.selectricHover .selectric          { border-color:#CCC; }
.selectricHover .selectric .button  { color:#888; }
.selectricOpen                      { z-index:9999; }
.selectricOpen .selectric           { border-color:#CCC; background:#fff; }
.selectricOpen .selectricItems      { display:block; }
.selectricDisabled                  { filter:alpha(opacity=50); opacity:0.5; cursor:default; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.selectricHideSelect                { position:relative; overflow:hidden; width:0; height:0; }
.selectricHideSelect select         { position:absolute; left:-100%; display:none; }
.selectricInput                     { position:absolute !important; top:0 !important; left:0 !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; outline:none !important; border:none !important; *font:0/0 a !important; background:none !important; }
.selectricTempShow                  { position:absolute !important; visibility:hidden !important; display:block !important; }

/* Items box */
.selectricItems                     { display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid #CCC; z-index:-1; box-shadow:0 0 10px -6px; }
.selectricItems .selectricScroll    { height:100%; overflow:auto; }
.selectricAbove .selectricItems     { top:auto; bottom:100%; }
.selectricItems ul, .selectricItems li { list-style:none; padding:0; margin:0; font-size:18px; font-family:Joy; line-height:1.5 !important; min-height:20px; }
.selectricItems li                  { display:block; padding:10px !important; margin:0 !important; box-sizing:border-box; border-top:1px solid #FFF; border-bottom:1px solid #eee; color:#000; cursor:pointer; width:100%; border-right:none !important; }
.selectricItems li.selected         { background:#fff; color:#000; border-top-color:#fff; }
.selectricItems li:hover            { background:#fff; color:#000; }
.selectricItems li.disabled         { background:#fff; color:#ccc; border-top-color:#fff; cursor:default; }