.container--tabs {
  .nav-tabs {
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: 1px solid rgba(var(--rgb-primary),0.1);

    > li {
      margin-bottom: -1px;

      > a {
        float: left;
        padding: 0.75rem;
        min-width: 125px;
        border-bottom: 1px solid transparent;

        &:hover {
          border-bottom-color: rgba(var(--rgb-primary),0.2);
        }
      }

      &.active {
        > a,
        > a:hover,
        > a:focus {
          cursor: default;
          border-bottom: 1px solid rgba(var(--rgb-primary),0.5);
        }
      }
    }
  }

  .tab-content {
    width: 100%;

    > .tab-pane {
      display: none;

      &.active {
        display: block;
      }
    }

    > .active {
      display: block;
    }
  }

}