/*======================================
  Selectric v1.9.3
======================================*/
.selectric-wrapper { position: relative; text-align: left; cursor: pointer; }
.selectric-responsive { width: 100%; }

.selectric { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.selectric-open { z-index: 9999; }
.selectric-open .selectric-items { display: block; z-index: 1; }

.selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; }
.selectric-hide-select select { position: absolute; left: -100%; display: none; }

.selectric-input { 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; }

.selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; }

/* Items box */
.selectric-items { position: absolute; z-index: 10; top: 100%; left: 0; right: 0; overflow: hidden; margin-top: 5px; width: auto !important; text-align: left; color: #818181; background: #fff; border: 1px solid #e6e6e6; box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); }

.selectric-items .selectric-scroll { height: 100%; overflow: auto; }
.selectric-above .selectric-items { top: auto; bottom: 100%; }

.selectric-items .selectric-list { list-style: none; padding: 8px 0 8px; margin: 0; font: 400 14px 'Roboto', sans-serif; }
.selectric-items .selectric-list li { display: block; padding: 8px 10px; margin: 0; text-decoration: none; cursor: pointer; background: transparent; transition: all 400ms; }

.selectric-items .selectric-list li:first-child { padding-top: 12px; }
.selectric-items .selectric-list li:last-child { padding-bottom: 12px; }

.selectric-items .selectric-list li.selectric-list-option.placeholder { display: none !important; }
.selectric-items .selectric-list li.selectric-list-option.placeholder + li { padding-top: 8px; }

.selectric-items .selectric-list li:hover { color: #49acc6; }
.selectric-items .selectric-list li.selected { color: #131313; }

.selectric-items .selectric-list li.disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; }
.selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; }
.selectric-items .selectric-group li { padding-left: 25px; }

/* Items box :: toggle */
.selectric-items { /*display: none; z-index: -1;*/ opacity: 0; visibility: hidden; -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); transform: translate(0, -5px); -webkit-transition: opacity 250ms, visibility 250ms, -webkit-transform 250ms; -moz-transition: opacity 250ms, visibility 250ms, -moz-transform 250ms; transition: opacity 250ms, visibility 250ms, transform 250ms; }

.selectric-open { z-index: 9999; }
.selectric-open .selectric-items { /*display: block; */z-index: 40; opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); }
