/*======================================
  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: 8px; padding: 0; width: auto !important; height: auto !important; text-align: left; color: #231F20; background: #fff; border-radius: 6px; box-shadow: 1px 5px 9px rgba(0, 0, 0, .21); box-sizing: border-box; overflow: hidden; }

.selectric-items .selectric-scroll { position: relative; max-height: 300px; height: 100%; margin: 0; overflow: auto; }
.selectric-above .selectric-items { top: auto; bottom: 100%; margin-bottom: 8px; }

.selectric-items .selectric-list { list-style: none; padding: 0; margin: 0; font: 400 14px 'Open Sans', sans-serif; }

.selectric-items .selectric-list li { display: block; position: relative; padding: 12px 21px 11px; margin: 0; text-decoration: none; cursor: pointer; background: transparent; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; }
.selectric-items .selectric-list li:before { position: absolute; left: 20px; top: 0; right: 20px; border-top: 1px solid rgba(0, 0, 0, .12); content: ''; }

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

.selectric-items .selectric-list li:first-child:before,
.selectric-items .selectric-list li.selectric-list-option.placeholder + li:before { content: none; }

.selectric-items .selectric-list li:hover { background: #f5f5f5; }
.selectric-items .selectric-list li.selected { font-weight: 600; color: #000; }

.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; }

.selectric-items .ps-scrollbar-y-rail { background: transparent; }
.selectric-items .ps-scrollbar-y { background: rgba(0, 0, 0, .5); }

/* 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: 8px 18px; background: #fff; }
.selectric-filter:before { position: absolute; z-index: 1; top: 9px; right: 19px; width: 28px; height: 28px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTAuNTkzIDExLjgwN2E2LjAwMSA2LjAwMSAwIDAgMS03LjgzNi05LjA1IDYgNiAwIDAgMSA5LjA1IDcuODM2bC0uNTIuNjkzLjYxMy42MTQgMi4xNjcgMi4xNjcuMDA0LjAwNGMuMDAxLS4wMDEtLjAwMS0uMDAxLS4wMDQtLjAwNEwxMS45IDExLjlsLS42MTQtLjYxNC0uNjkzLjUyeiIgb3BhY2l0eT0iLjIiLz48L3N2Zz4=) center center no-repeat; content: ''; }

.selectric-filter input[type="text"] { display: block; width: 100%; padding: 0 9px !important; height: 28px !important; font: 400 13px 'Open Sans', sans-serif !important; color: #252525 !important; border: 1px solid #d7d7d7 !important; border-radius: 3px !important; box-sizing: border-box; background: #fff !important; }

.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: 7px 18px; font: 400 14px/1 'Open Sans', sans-serif; white-space: nowrap; color: #333; }

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