/* TEMP: searchable/sortable format wraps tables in .table-overflow, which opts them
   out of Aggie UX mobile stacking. Remove when AUX ticket #____ ships. */
.table-overflow {
  overflow-x: auto;
}

@media (max-width: 768px) {
  .table-overflow .searchable-sortable-table table { border: 0; }
  .table-overflow .searchable-sortable-table table thead { display: none; }
  .table-overflow .searchable-sortable-table table tbody tr {
    display: block;
    border-top: 3px solid #d1d1d1;
  }
  .table-overflow .searchable-sortable-table table td {
    display: block;
    position: relative;
    min-width: 0;
    border-bottom: 0;
  }
  .table-overflow .searchable-sortable-table table td:first-child { border-top: 4px solid #d1d1d1; }
  .table-overflow .searchable-sortable-table table tr:last-child td:last-child { border-bottom: 4px solid #d1d1d1; }
  .table-overflow .searchable-sortable-table table td:nth-of-type(odd) { background: #f6f6f6; }
  .table-overflow .searchable-sortable-table table td::before {
    display: block;
    content: attr(data-label);
    font-weight: 700;
  }
}