/* DEFAULT SELECT MENU */
select.selectric-scc { height:40px; background-color:#fff; border:2px solid #c0ced8; color:#707f8f; }
/* --------- */
/* SELECTRIC */
/* --------- */
.selectric-wrapper { position:relative; cursor:pointer; margin:0 auto; }
.selectric-responsive { width:100%; }
.selectric { position:relative; background:#fff; border:2px solid #c0ced8; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition:all 0.35s ease; }
/* BLUE */
.selectric-blue .selectric { background:#0f4d8a; border-color:#0d4073; }
/* GREEN */
.selectric-green .selectric { background:#219155; border-color:#1c7d49; }
.selectric .label { display:block; height:40px; margin:0; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; line-height:40px; font-size:16px; font-weight:bold; color:#707f8f; transition:all 0.35s ease; }
.selectric:focus .label,
.selectric:hover .label { color:#2d3339 !important; }
.selectric button {
  display:block;
  position:absolute;
  right:10px;
  top:0;
  bottom:0;
  margin:auto;
  padding:0;
  outline:none !important;
  background:transparent;
  border:0;
  border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:#707f8f;
}
.selectric button i { font-weight:bold !important; }
/* DEFAULT ICON BUTTON */
.selectric .button {
  display:block;
  position:absolute;
  right:10px;
  top:0;
  bottom:0;
  width:10px;
  height:16px;
  margin:auto;
  background:transparent;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  text-align:center;
  color:#fff;
  font:0/0 a,sans-serif;
  *font: 16px/16px Lucida Sans Unicode, Arial Unicode MS, Arial, sans-serif;
}
.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:#fff;
  border-bottom:none;
}
.selectric-focus .selectric,
.selectric-hover .selectric { background-color:#fff !important; border-color:#707f8f !important; color:#2d3339 !important; }
.selectric-focus .selectric .label,
.selectric-hover .selectric .label { color:#2d3339 !important; }
.selectric-hover .selectric .button { color:#fff; }
.selectric-hover .selectric .button:after { border-top-color:#fff; }
.selectric-open { z-index:9999; }
.selectric-open .selectric { background:#fff; border-color:#707f8f; color:#2d3339; }
.selectric-open .selectric .label { color:#2d3339 !important; }
.selectric-open .selectric button i.fa { transform:rotate( -180deg ); transition:transform 250ms ease; }
.selectric-wrapper:not(.selectric-open) .selectric button i.fa { transform:rotate( -0deg ); transition:transform 250ms ease; }
.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 {
  z-index:10;
  position:absolute;
  width:100%;
  height:100%;
}
.selectric-hide-select.selectric-is-native select {
  z-index:1;
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:100%;
  width:100%;
  box-sizing:border-box;
  border:none;
  opacity:0;
}
.selectric-input {
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  outline:none !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  background:none !important;
  border:none !important;
  *font:0/0 a,sans-serif !important;
}
.selectric-temp-show {
  display:block !important;
  position:absolute !important;
  visibility:hidden !important;
}
/* ITEMS BOX */
.selectric-items { display:none; position:absolute; top:100%; left:0; margin-top:2px; padding:3px 0; box-shadow:none !important; background:#fff; border:1px solid #c0ced8; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.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; min-height:20px; margin:0; line-height:1; font-size:14px; }
.selectric-items ul { padding:0; text-align:left; }
.selectric-items li { display:block; padding:8px 10px; cursor:pointer; border:0; font-weight:bold; color:#5a6672; }
.selectric-items li.selected { background:#c0ced8 !important; color:#000 !important; }
.selectric-items li.highlighted { background:#dfe7ec; color:#16191d; }
.selectric-items li:hover { background:#dfe7ec; color:#16191d; }
.selectric-items .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; color:#707f8f !important; }
.selectric-items .selectric-group .selectric-group-label { cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background:none; font-weight:bold; color:#333; }
.selectric-items .selectric-group.disabled li { filter:alpha(opacity=100); opacity:1; }