/*======================================
  Selectric v1.13.0
======================================*/

.selectric-wrapper {
   position: relative;
   cursor: pointer;
}

.selectric-responsive {
   width: 100%;
}

.selectric {
   border: 1px solid white;
   border-radius: 0px;
   background: transparent;
   position: relative;
   overflow: hidden;
   color: white;
   transition: border .1s linear;
}

.selectric .label {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0 20px 0 10px;
   font-size: 12px;
   line-height: 30px;
   color: inherit;
   height: 30px;
   width: 20px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   transition: color .1s linear;
}

.selectric .button {
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   width: 30px;
   height: 30px;
   line-height: 30px;
   background-color: transparent;
   color: white;
   text-align: center;
   font: 0/0 a;
   *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
   content: " ";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   width: 0;
   height: 0;
   border: 4px solid transparent;
   border-top-color: inherit;
   border-bottom: none;
   transition: border .1s linear;
}

.selectric-focus .selectric {
   border-color: #ffb537;
   color: #ffb537;
}

.selectric-hover .selectric {
   border-color: #ffb537;
   color: #ffb537;
}

.selectric-hover .selectric .button {
   color: #ffb537;
}

.selectric-focus .selectric .button:after {
   border-top-color: #ffb537;
}

.selectric-hover .selectric .button:after {
   border-top-color: #ffb537;
}

.selectric-open {
   z-index: 9999;
}

.selectric-open .selectric {
   border-color: #ffb537;
}

.selectric-open .selectric-items {
   display: block;
}

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

.selectric-hide-select.selectric-is-native {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
   border: none;
   z-index: 1;
   box-sizing: border-box;
   opacity: 0;
}

.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 {
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: -1;
   margin-top: 16px;
}

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

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

.selectric-items ul,
.selectric-items li {
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: 12px;
   line-height: 20px;
   min-height: 20px;
}

.selectric-items li {
   display: block;
   padding: 7px 10px;
   color: white;
   cursor: pointer;
   transition: color .1s linear;
}

.selectric-items li.selected {
   background: transparent;
   border: 1px solid #ffb537;
}

.selectric-items li.highlighted {
   background: transparent;
   color: #ffb537;
}

.selectric-items li:hover {
   background: transparent;
   color: #ffb537;
}

.selectric-items .disabled {
   filter: alpha(opacity=50);
   opacity: 0.5;
   cursor: default !important;
   background: none !important;
   color: #666 !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;
}