@charset "UTF-8";
/* CSS Document */

/* Responsive table formatting */

table.responsive {
	margin: 20px 0;
	line-height: 1.2em;
}

	table.responsive thead tr {
		background-color: #555;
	}

	table.responsive td {
		vertical-align: top;
	}

	.entry-content table.responsive td {
		/* padding: 5px 10px !important; */
	}

	.entry-content table.responsive th {
		padding: 8px 10px !important;
	}
	
	table.responsive thead th {
		color: #FFF;
		border-right: 1px solid #FFF;
	}
	
	table.responsive tr:nth-of-type(even) { 
		background: #eee; 
	}
	
	table.responsive tr.red td { 
		color: #df203a; /* red */
	}
	

/* Table formatting - responsive; credit: Chris Coyier, CSS-tricks.com */

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {	

	table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
		display: block; 
	}

	table.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive tr { border: 1px solid #ccc; }
	
	/* made TD behave like a row */
	table.responsive td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%; 
	}

	table.responsive td:first-child {
		font-weight: bold;
	}

	table.responsive td:before {
		content: attr(data-th)": ";
	}
	
	table.responsive td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}	
	
}