/********************************************************************************
--- Tables ---
*********************************************************************************/
table.table { background: white; margin-bottom: 1.000em; border: solid 1px var(--light-gray); table-layout: auto; width: 100%; }
table.table caption { background: none; color: var(--black); font-weight: bold; }
table.table thead {  background: var(--lightest-gray); }
table.table thead tr th, table.table thead tr td { padding:0.750em 0.857em; font-size: 0.778em; text-transform: uppercase; color: var(--black); font-weight:700; border: 1px solid var(--light-gray); }
table.table tr th, table.table tr td { padding:1em 0.820em; font-size:0.813em; text-align: left; border: 1px solid var(--light-gray); }
table.table tr.even, table.table tr.alt, table.table tr:nth-of-type(even) { background: var(--lightest-gray); }
table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { display: table-cell; line-height: 1.3; }

table { background: white; margin-bottom: 1.000em; border: solid 1px var(--light-gray); table-layout: auto; width: 100%; }
table caption { background: none; color: var(--black); font-weight: bold; }
table thead {  background: var(--lightest-gray); }
table thead tr th, table thead tr td { padding:0.750em 0.857em; font-size: 0.778em; text-transform: uppercase; color: var(--black); font-weight:700; border: 1px solid var(--light-gray); }
table tr th, table tr td { padding:1em 0.820em; font-size:0.813em; text-align: left; border: 1px solid var(--light-gray); }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: var(--lightest-gray); }
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.3; }

.responsive__table-overflow { overflow-x: auto; }

@media only screen and (max-width: 479px) {
	.responsive__table-stack table thead tr th,
	.responsive__table-stack table tfoot tr th,
	.responsive__table-stack table tfoot tr td,
	.responsive__table-stack table tbody tr th,
	.responsive__table-stack table tbody tr td,
	.responsive__table-stack table tr td { display: block; width: 100% !important; text-align: center; }
	.responsive__table-stack table { border-top: none; border-left: none; border-right: none; }
	.responsive__table-stack table tr th,
	.responsive__table-stack table td { border-bottom: none; }
	/* Hide the table heading cells on smaller screens */
	.responsive__table-stack table thead tr th,.responsive__table-stack table thead tr td { display: none;}

	/* Set a min width on a psuedo element in the table cells on smaller screens */
	.responsive__table-overflow table tbody tr td:before { content: ''; display: block; min-width: 10em; }
}