// Overrides Bootstrap 3.0's nav-tabs

/* nav-tabs and nav-pills styling */
.nav-tabs, .nav-pills {
  background-color: $color-background-grey;
  color: $color-white;
  border-bottom: 0px;
}
.nav-tabs > li > a, .nav-pills > li > a {
  color: $color-white;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: $color-white;
  color: $color-text-grey;
  border: 1px solid $color-border-default;
  border-bottom-color: transparent; /* Only nav-tabs have a transparent border-bottom */
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background-color: $color-white;
  color: $color-text-grey;
  border: 1px solid $color-border-default;
}
.nav-pills > li:last-child > a:hover,
.nav-pills > li:last-child > a:focus,
.nav-pills > li.active:last-child > a,
.nav-pills > li.active:last-child > a:focus,
.nav-pills > li.active:last-child > a:hover {
  border-right: 0px;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  border-radius: 0px;
}