.wp-tab-bar {
  background-color: #efefef;
  display         : flex;
  flex-wrap       : wrap;

  margin          : 0;
  overflow        : visible;

  li {
    padding      : 10px 20px !important;
    margin       : 0 !important;

    border-radius: 5px 5px 0 0;

    cursor       : pointer;

    span {
      display    : inline-block;
      font-size  : 14px;
      font-weight: 600;

      color      : $darkblue;

      &:hover {
        color: #00235b;
      }
    }

    &:focus {
      background: $darkblue;

      span {
        color: $white;
      }
    }
  }

}

.wp-tab-active {
  border     : 0 solid transparent;

  background : #fdfdfd;
  font-weight: bold;

  span {

    color: #e01747 !important;
  }
}

.wp-tab-panel {
  border        : none;

  border-radius : 0 0 5px 5px;
  box-shadow    : 0 2px 4px 0 rgba(0, 67, 175, 0.1);

  position      : absolute;
  opacity       : 0;
  pointer-events: none;

  &-active {
    position      : inherit;
    opacity       : 1;
    pointer-events: auto;
  }
}

#auto {
  .abc-select__container {
    width: 100%;
  }
}