/*======================================================================
  Selectric
======================================================================*/
.selectricWrapper { position: relative; width: 100%; cursor: pointer; }
.selectricResponsive { width: 100%; }
.selectric { color: #5b5b5b; width: 100%; height:34px; /*background: #fff;*/ border: solid 1px #bbb; position: relative;}
.selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 30px 0 0; padding: 6px 8px; font-size: 15px; line-height: 18px; color: #2b2b2b; min-height: 18px; font-weight:400; text-align:left }
.selectric .button {width:32px;height:32px;background: url(../../images/carret.png) right center no-repeat; position:absolute; top:0%; right: 4%; }
.selectricHover .selectric { border-color: #b7b7b7; }
.selectricHover .selectric .button { color: #888; }
.selectricHover .selectric .button:after { border-top-color: #888; }
.selectricOpen { z-index: 9999; }
.selectric p { display:none}
.selectricOpen .selectric { border-color: #b7b7b7; /*background: #FFF;*/ }
.selectricOpen .selectricItems { display: block; width:100%; }
.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: #F9F9F9; border: 1px solid #CCC; z-index: -1; box-shadow: 0 0 10px -6px; }
.selectricItems .selectricScroll { height: 100%; overflow: auto; }
.selectricAbove .selectricItems { top: auto;}
.selectricItems ul, .selectricItems li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; }
.selectricItems li { display: block; padding: 5px 7px; text-align:left; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; color: #666; cursor: pointer; white-space:nowrap }
.selectricItems li.selected { background: #EFEFEF; color: #444; border-top-color: #E0E0E0; }
.selectricItems li:hover { background: #F0F0F0; color: #444; }
.selectricItems li.disabled { background: #F5F5F5; color: #BBB; border-top-color: #FAFAFA; cursor: default; }