.tableContainer {
  grid-row: 3;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  row-gap: 25px;
  /* margin-top: px; */
  background: var(--background);
}

table {
  text-align: center;
  width: 100%;
  border: 1px solid var(--border);
  border-top: none;
}

table,
th,
td {
  border-collapse: collapse;
}

th,
td {
  padding: 15px 25px;
}

table:nth-child(1) th,
td {
  padding: 15px 30px;
}

th {
  background: var(--secondary);
  color: var(--primary);
}

.productsTable {
  display: grid;
  display: -ms-grid;
  grid-template-rows: repeat(auto, 1fr);
  -ms-grid-rows: repeat(auto, 1fr);
}

.productsTable th {
  background-color: #000;
}

td {
  background: var(--primary);
  color: var(--secondary);
  cursor: pointer;
}

.productsTable table tr td:nth-child(1) {
  background: #777777;
  color: var(--primary);
  cursor: default !important;
}

.productsTable table tr:hover td:nth-child(1) {
  background: #777777;
}

.t1Heading,
.t2Heading {
  cursor: default;
}

tr:nth-child(odd) td {
  background: var(--lightgrey);
}

tr:hover td {
  background: var(--accent);
  color: var(--primary);
}

tr.lastTableRow td {
  cursor: default !important;
}

tr.lastTableRow:hover td {
  background: var(--lightgrey);
  color: var(--secondary);
}

.specificationsTable table tr th.t2Heading {
  background: var(--darkblue);
  color: var(--primary);
}

.specificationsTable table tr:hover th.t2Heading {
  background: var(--darkgrey);
  color: var(--primary);
}

.productsTable table tr td.tableProductLabel {
  background: var(--darkblue);
  color: var(--primary);
}

.productsTable table tr:hover td.tableProductLabel {
  background: var(--darkgrey);
}

.tableTitle {
  padding: 15px;
  background: var(--secondary);
  color: var(--primary);
  border: 1px solid var(--border);
  border-bottom: none;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
}

#pageTitleSpanLC {
  text-transform: capitalize;
  font-size: 0.5em;
  color: #777777;
  display: flex;
  justify-content: center;
}