.nav-tabs {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .nav-tabs-item {
    margin: 0;
    display: inline-block; }
    .nav-tabs-item a {
      position: relative;
      text-decoration: none; }
      .nav-tabs-item a [data-title]:before {
        content: attr(data-title);
        display: block;
        height: 0;
        font-weight: 700;
        overflow: hidden;
        visibility: hidden; }
      .nav-tabs-item a.active {
        color: #005587; }

.tab-content > .tab-pane {
  display: none; }
  .tab-content > .tab-pane.active {
    display: block; }
  .tab-content > .tab-pane.fade {
    transition: opacity 0.15s linear; }
    .prefers-reduced-motion .tab-content > .tab-pane.fade {
      transition: none; }
    .tab-content > .tab-pane.fade:not(.show) {
      opacity: 0; }

.tab--horizontal {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 100%;
  grid-template-rows: auto; }
  .tab--horizontal .nav-tabs {
    background: #005587;
    border-bottom: 1px solid #cccccc;
    display: flex;
    overflow: hidden; }
    @media (max-width: 991.98px) {
      .tab--horizontal .nav-tabs {
        overflow-x: auto; } }
    .tab--horizontal .nav-tabs-item {
      display: inline-block;
      flex-grow: 1; }
      @media (max-width: 991.98px) {
        .tab--horizontal .nav-tabs-item {
          margin-bottom: 10px; } }
      .tab--horizontal .nav-tabs-item:first-child {
        border-left: none; }
      .tab--horizontal .nav-tabs-item a {
        color: #fff;
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 12px 20px;
        font-size: 20px;
        position: relative; }
        @media (max-width: 991.98px) {
          .tab--horizontal .nav-tabs-item a {
            font-size: 14px; } }
        @media (max-width: 1199.98px) {
          .tab--horizontal .nav-tabs-item a {
            text-align: left;
            padding-left: 50px; }
            .tab--horizontal .nav-tabs-item a:before {
              content: "+";
              font-size: 20px;
              color: #fff;
              position: absolute;
              left: 10px; }
            .tab--horizontal .nav-tabs-item a.active:before {
              content: "-"; } }
        .tab--horizontal .nav-tabs-item a.active, .tab--horizontal .nav-tabs-item a:hover, .tab--horizontal .nav-tabs-item a.active-tab {
          background-color: #003B5C; }
  .tab--horizontal .tab-content {
    transition: height 0.3s ease; }
  .tab--horizontal.staff-multisection-module {
    grid-gap: 0; }
    @media (max-width: 991.98px) {
      .tab--horizontal.staff-multisection-module .nav-tabs-item {
        margin-top: 10px;
        margin-bottom: 0; }
        .tab--horizontal.staff-multisection-module .nav-tabs-item:first-child {
          margin-top: 0; } }

.tab--vertical {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto; }
  @media (max-width: 767.98px) {
    .tab--vertical {
      grid-template-columns: 100%;
      grid-template-rows: auto; } }
  .tab--vertical .nav-tabs {
    background: #f2f2f2;
    border-right: 1px solid #cccccc;
    height: 100%; }
    .tab--vertical .nav-tabs-item {
      display: block; }
      .tab--vertical .nav-tabs-item a {
        color: #000;
        padding: 10px 30px;
        position: relative;
        text-decoration: none;
        display: block; }
        .tab--vertical .nav-tabs-item a.active {
          background-color: #e6e6e6; }
          .tab--vertical .nav-tabs-item a.active:after {
            content: "";
            position: absolute;
            width: 5px;
            background: #005587;
            top: 0;
            right: 0;
            bottom: 0; }