.selectric-wrapper {
  background:#ffffff;
  color:#173c86;
  position:relative;
  right:0;
  z-index:20;
  cursor:pointer;
  max-width:100%;
}
@media only screen and (max-width: 400px) {
  .selectric-wrapper { width:100%; }
}
.selectric-wrapper .selectric {
  background-color:#ffffff;
  outline:1px solid #d1d8e7;
  outline-offset:-1px;
  position:relative;
  z-index:20;
}
.selectric-wrapper .label {
  color:#173c86;
  display:block;
  font-size:16px;
  font-weight:900;
  line-height:50px;
  margin:0 49px 0 0;
  padding:0 20px;
  overflow:hidden;
  position:relative;
  z-index:1;
  text-overflow:ellipsis;
  white-space:nowrap;
  height:50px;
  transition:color 600ms ease-in-out;
}
.selectric-wrapper .label:after {
  background-color:#173c86;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:1px;
  right:1px;
  bottom:1px;
  left:1px;
  z-index:-1;
  transform-origin:left top;
  transform:scaleX(0);
  transition:all 600ms ease-in-out;
}
.selectric-wrapper .button {
  display:flex;
  margin:auto;
  outline:1px solid #d1d8e7;
  outline-offset:-1px;
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  text-align:center;
  width:50px;
  height:50px;
}
.selectric-wrapper .button:after {
  background-color:#173c86;
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  transform-origin:right top;
  transform:scaleX(0);
  transition:all 600ms ease-in-out;
}
.selectric-wrapper .button .icon {
  fill:#2b4043;
  position:absolute;
  top:19px;
  left:19px;
  width:12px;
  height:12px;
  transform-origin:center;
  transition:transform 0.3s ease-out;
  transition-property:transform, fill;
}
.selectric-wrapper .selectric-items {
  background:#ffffff;
  margin-top:-1px;
  opacity:0;
  position:absolute;
  top:100%;
  left:0;
  z-index:-1;
  visibility:hidden;
  transform:translate(0,-50px);
  transition:all 0.3s ease-out;
  transition-property:transform, opacity, visibility;
}
.selectric-wrapper .selectric-items .selectric-scroll {
  height:100%;
  overflow:auto;
}
.selectric-wrapper .selectric-items .selectric-above .selectric-items {
  top:auto;
  bottom:100%;
}
.selectric-wrapper .selectric-items ul {
  list-style:none;
  outline:1px solid #d1d8e7;
  outline-offset:-1px;
  padding:0;
  margin:0;
}
.selectric-wrapper .selectric-items ul li {
  color:#2b4043;
  cursor:pointer;
  display:block;
  line-height:25px;
  min-height:25px;
  margin:0;
  padding:8px 15px;
  transition:all 300ms ease-in-out;
  transition-property:background, color;
}
.selectric-wrapper .selectric-items ul li.selected {
  background:#173c86;
  color:#ffffff;
}
.selectric-wrapper .selectric-items ul li:hover:not(.selected) { background:#e4e5e7; }
.selectric-wrapper .selectric-items .disabled {
  background:none;
  cursor:default;
  opacity:0.5;
  pointer-events:none;
  user-select:none;
}
.selectric-wrapper .selectric-items .selectric-group .selectric-group-label {
  background:none;
  font-weight:bold;
  padding-left:10px;
  cursor:default;
  pointer-events:none;
  user-select:none;
}
.selectric-wrapper .selectric-items .selectric-group li { padding-left:25px; }
.selectric-wrapper .selectric-items .selectric-group.disabled li { opacity:1; }
.selectric-wrapper.selectric-hover .label, .selectric-wrapper.selectric-open .label { color:#ffffff; }
.selectric-wrapper.selectric-hover .label:after, .selectric-wrapper.selectric-open .label:after { transform:scaleX(1); }
.selectric-wrapper.selectric-hover .button .icon, .selectric-wrapper.selectric-open .button .icon { fill:#ffffff; }
.selectric-wrapper.selectric-hover .button:after, .selectric-wrapper.selectric-open .button:after { transform:scaleX(1); }
.selectric-wrapper.selectric-open .selectric .button .icon { transform:rotate(180deg); }
.selectric-wrapper.selectric-open .selectric-items {
  opacity:1;
  transform:translate(0,0);
  visibility:visible;
}
.selectric-wrapper.selectric-disabled {
  opacity:0.5;
  cursor:default;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.selectric-wrapper .selectric-hide-select {
  position:relative;
  overflow:hidden;
  width:0;
  height:0;
}
.selectric-wrapper .selectric-hide-select select {
  position:absolute;
  left:-100%;
  display:none;
}
.selectric-wrapper .selectric-input {
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  margin:0;
  padding:0;
  width:1px;
  height:1px;
}
.selectric-wrapper .selectric-temp-show {
  position:absolute;
  visibility:hidden;
  display:block;
}