.nav-pills {
  .nav-link {
    margin-#{$left}: 0;
    margin-#{$right}: 6px;
    padding: 4px 10px;
    font-weight: bold;
    background: #f2f2f2;
    color: #235a81;
    border: 1px solid #ddd;

    @include border-radius(20px);

    &:hover {
      background-color: $bg-one;

      @include border-radius(0.3em);
    }

    img {
      margin-#{$right}: 0.5em;
      vertical-align: -3px;
    }
  }

  .nav-link.active,
  .show > .nav-link {
    background-color: #fff;
    color: #235a81;

    @include border-radius(0.3em);
  }
}