/*======================================
  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; top: 100%; left: 0; right: 0; margin-top: 1px; width: auto !important; height: auto !important; text-align: left; color: #2f394b; background: #fff; border: 1px solid #ecedee; border-radius: 4px; overflow: hidden; }

.selectric-items .selectric-scroll { max-height: 196px; height: 100%; margin: 4px 0; overflow: auto; }
.selectric-above .selectric-items { top: auto; bottom: 100%; margin-bottom: 1px; }

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

.selectric-items .selectric-list li.selectric-list-option.placeholder { display: none !important; }

.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: 1; opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); }

/* Filter */
.selectric-filter { position: relative; padding: 12px 14px; background: #fff; }
.selectric-filter input[type="text"] { display: block; width: 100%; padding: 0 27px 0 8px; height: 25px; font: 400 11px 'Lato', sans-serif; color: #252525; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; }

.selectric-filter input[type="text"]::-webkit-input-placeholder { font-style: normal; color: #b4b4b4 !important; text-overflow: ellipsis; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; text-overflow: ellipsis; }
.selectric-filter input[type="text"]:-moz-placeholder { font-style: normal; color: #b4b4b4 !important; text-overflow: ellipsis; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; }
.selectric-filter input[type="text"]:-ms-input-placeholder { font-style: normal; color: #b4b4b4 !important; text-overflow: ellipsis; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; }

.selectric-filter input[type="text"]:focus:-moz-placeholder { color: transparent !important; }
.selectric-filter input[type="text"]:focus::-webkit-input-placeholder { color: transparent !important; }
.selectric-filter input[type="text"]:focus:-ms-input-placeholder { color: transparent !important; }

.selectric-list-not-found { margin: 5px; padding: 5px 8px 6px; font: 400 13px/1 'Lato', sans-serif; white-space: nowrap; color: #252525; background: #F0F0F0; }

.selectric-filter ~ .selectric-scroll { margin-top: auto; }