.table th {
  color: $gray-500;
  background-color: $gray-900;
}

$table-alternate-background-color: #292929;

.table-container {
  header, footer {
    background: $table-alternate-background-color;
  }

  footer {
    border-top-color: $gray-900;
  }
}

.table thead tr a .ico,
markdown table thead tr a .ico,
.table thead tr a .accordion [data-toggle="collapse"],
.accordion .table thead tr a [data-toggle="collapse"],
markdown table thead tr a .accordion [data-toggle="collapse"],
.accordion markdown table thead tr a [data-toggle="collapse"],
.table thead tr a .fa, markdown table thead tr a .fa {
  color: $gray-500;
}

.table thead tr a .ico.ico-caret-sort,
markdown table thead tr a .ico.ico-caret-sort,
.table thead tr a .accordion .ico-caret-sort[data-toggle="collapse"],
.accordion .table thead tr a .ico-caret-sort[data-toggle="collapse"],
markdown table thead tr a .accordion .ico-caret-sort[data-toggle="collapse"],
.accordion markdown table thead tr a .ico-caret-sort[data-toggle="collapse"],
.table thead tr a .ico-caret-sort.fa, markdown table thead tr a .ico-caret-sort.fa {
  color: $gray-700;
}

.table tbody tr:hover td, markdown table tbody tr:hover td {
  background-color: $gray-800;
}

.table tbody td {
  border-top: solid 0.0625rem darken($gray-850, 5%);
  color: $gray-500;
  background-color: $gray-850;
}

.table-pagination .pagination-arrows a {
  color: $gray-400;
}
