.selectric-wrapper {
  position:relative;
  cursor:pointer;
}
.selectric-responsive { width:100%; }
.selectric {
  background:#f5f5f5;
  position:relative;
}
.selectric .label {
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:0 40px 0 15px;
  line-height:40px;
  font-weight:600;
  color:#0e233b;
  height:40px;
}
.selectric .button {
  background:transparent;
  display:block;
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  width:38px;
  height:38px;
  color:#0e233b;
  text-align:center;
}
.selectric .button .icon {
  position:relative;
  top:8px;
  left:-8px;
  width:13px;
  height:12px;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  -webkit-transition:-webkit-transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
}
.selectric .button .icon * {
  fill:#1db8ca;
  -webkit-transition:fill 0.2s ease-out;
  transition:fill 0.2s ease-out;
}
.selectric-hover .selectric .button .icon * { fill:#0e233b; }
.selectric-open { z-index:9999; }
.selectric-open .selectric { background:#eeeeee; }
.selectric-open .selectric .button .icon {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.selectric-open .selectric-items {
  display:block;
  opacity:1;
  -webkit-transform:translate(0,0);
  transform:translate(0,0);
  -webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
  transition:transform 0.3s ease-out, opacity 0.3s ease-out;
}
.selectric-disabled {
  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;
  background:none !important;
}
.selectric-temp-show {
  position:absolute !important;
  visibility:hidden !important;
  display:block !important;
}
.selectric-items {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#f5f5f5;
  z-index:-1;
  opacity:0;
  -webkit-transform:translate(0,-20px);
  transform:translate(0,-20px);
}
.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;
  line-height:25px;
  min-height:25px;
}
.selectric-items li {
  display:block;
  padding:8px 15px;
  border-top:1px solid #ffffff;
  color:#0e233b;
  cursor:pointer;
}
.selectric-items li.selected {
  background:#EFEFEF;
  color:#1db8ca;
}
.selectric-items li:hover {
  background:#F0F0F0;
  color:#1db8ca;
}
.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; }