/* LAST UPDATED: 06.27.2024 */

/* This is separate from the tables that create the calendars - that CSS can be found in calendar.css. This file is for typical data tables. */

table {
    border: 0;
    border-collapse: collapse;
    color: var(--primary-dark);
    empty-cells: show;
    max-width: 100%;
    padding: 0;
    text-align: center;
    width: 100% !important; /* Added !important on 07.11.2022 */
}

tbody tr:nth-child(2n+1) {
    background: var(--secondary-light);
}

tr td {
    border-right: 1px solid var(--primary-neutral-light);
}

tr td:last-child {
    /* border-right: none; */
    border-right: 1px solid var(--primary-dark);
}

td {
    padding: 0.75em 1em;
}

th {
    padding: 0.5em 1em;
}


.achievements-table p {
    margin-bottom: 0;
}

.table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
}

.table .thead-dark th,
thead {
  color: var(--primary-neutral-light);
  background-color: var(--primary-dark);
  border-color: var(--secondary-accent);
}

.main table {
  margin: 0 auto 2em;
  max-width: 1240px;
}