/* ------- Responsive Tables in HTML Content ------- */

.responsiveTable { width: 100%; }
.responsiveTable td,
.responsiveTable th {
	padding: 10px;
}
.responsiveTable tbody td { background: #FFF; }
/*.responsiveTable tbody td:last-child {  padding: 4px 16px 4px 4px;}*/
/*.responsiveTable tbody tr:nth-child(odd) td { background: #fafafa; }*/

.st-key {
	width: 49%;
	padding-right: 1%;
	font-weight: 600;
}
.st-val {
	width: 49%;
	padding-left: 1%;
	background:#FFF;
}
table.large-only { display: table; }
table.small-only { display: none; }

/*  Small Tablet & Large Mobile  */

@media screen and (max-width: 640px) {

	.responsiveTable tbody td:first-child { padding: 4px 4px 4px 16px; }
	table.large-only { display: none; }
	table.small-only {display: table; width: 100%;}

	table.small-only tr td {
		background: #f3f4fa;
		padding: .25rem;
		font-size: .875rem;
	}
	table.small-only tr.evenRow td { background: #e9ebec; }
	table.small-only tr.oddRow td { background: #fbfbfb; }
	table.small-only tr td:first-child {
		width: 40%;
		font-size:15px;
		background:#eee;
	}
	table.small-only tr td:not(:first-child) {
		width: 60%;
		font-size:15px;
		background:#FFF;
	}

}
