/* -----------------------------------------------
Table
----------------------------------------------- */

.b-table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.b-table td,
.b-table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.b-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

// Bordered
.b-table-bordered {
  border: 1px solid #dee2e6;
}

.b-table-bordered td,
.b-table-bordered th {
  border: 1px solid #dee2e6;
}

.b-table-bordered thead td,
.b-table-bordered thead th {
  border-bottom-width: 2px;
}

// Light
.b-table-light,
.b-table-light > td,
.b-table-light > th {
  background-color: #fdfdfe;
}

// Dark
.b-table-dark {
  color: #fff;
  background-color: #343a40;
}

.b-table-dark td,
.b-table-dark th,
.b-table-dark thead th {
  border-color: #454d55;
}

.b-table-dark.b-table-bordered {
  border: 0;
}

// Hover
.b-table-hover tbody tr {
  transition: background-color 0.3s ease-in-out;
  &:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }
}

// Size
.b-table-sm td,
.b-table-sm th {
  padding: 0.3rem;
}

// Striped
.b-table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

// Responsive
.b-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.b-table-responsive-sm {
  @media all and (max-width: 576px) {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.b-table-responsive-md {
  @media all and (max-width: 1140px) {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.b-table-responsive-lg {
  @media all and (max-width: 992px) {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.b-table-responsive-xl {
  @media all and (max-width: 1120px) {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}