// Tables .table {

border-collapse: collapse;
border-spacing: 0;
text-align: left;
width: 100%;

&.table-striped {
  tbody {
    tr:nth-of-type(odd) {
      background: $bg-color;
    }
  }
}

&.table-hover {
  tbody {
    tr {
      &:hover {
        background: $bg-color-dark;
      }
    }
  }
}

&,
&.table-striped {
  tbody {
    tr {
      &.active {
        background: $bg-color-dark;
      }
    }
  }
}

td,
th {
  border-bottom: $border-width solid $border-color;
  padding: $unit-3 $unit-2;
}
th {
  border-bottom-width: $border-width-lg;
}

}