/* ================================
   Base table
================================ */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: #ffffff;
  border-collapse: collapse; }

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

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  color: #495057;
  background-color: #e9ecef; }

.table tbody + tbody {
  border-top: 2px solid #dee2e6; }

/* ================================
   Small / condensed table
================================ */
.table-sm th,
.table-sm td {
  padding: 0.3rem; }

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

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

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

/* ================================
   Zebra striping
================================ */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f9fa; }

/* ================================
   Hover rows
================================ */
.table-hover tbody tr:hover {
  background-color: #f1f3f5; }

/* ================================
   Contextual row colors
================================ */
.table-primary {
  background-color: #cce5ff; }

.table-secondary {
  background-color: #e2e3e5; }

.table-success {
  background-color: #d4edda; }

.table-danger {
  background-color: #f8d7da; }

.table-warning {
  background-color: #fff3cd; }

.table-info {
  background-color: #d1ecf1; }

.table-light {
  background-color: #fefefe; }

.table-dark {
  background-color: #343a40; }

/* ================================
   Table head styles
================================ */
.thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.thead-dark th {
  color: #ffffff;
  background-color: #343a40;
  border-color: #454d55; }

/* ================================
   Dark table
================================ */
.table-dark {
  color: #ffffff;
  background-color: #343a40; }

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

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: #3e444a; }

.table-dark.table-hover tbody tr:hover {
  background-color: #434a50; }

.table-dark.table-bordered {
  border: none; }

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

.table-responsive > .table-bordered {
  border: 0; }
