/* Only apply when in a browser, not when printing */
@media screen and (max-width: 880px) {
	/* CSS basic styles */
	table.table.ResponsiveTable {
		width: 100%;
	}
	table.ResponsiveTable,
	table.ResponsiveTable thead,
	table.ResponsiveTable tbody,
	table.ResponsiveTable th,
	table.ResponsiveTable td,
	table.ResponsiveTable tr { 
		display: block; 
		white-space: normal;
	}
	
	table.ResponsiveTable thead tr { 
		position: absolute; 
		top: -9999px; 
		left: -9999px; 
	}
	
	table.ResponsiveTable th { 
		display: none; 
	}
	
	table.ResponsiveTable td { 
		position: relative; 
	}
	
	table.ResponsiveTable td:before { 
		content: attr(data-content); 
		position: absolute;	
		top: 0; 
		left: 0; 
		bottom: 0; 
		width: 40%; 
		text-align: left; 
		word-wrap: break-word; 
	}

	/* styling */
	table.ResponsiveTable tr { 
		border-top: 1px solid #ddd;
	}
	
	table.ResponsiveTable td:before { 
		width: 200px; 
		border-right: 1px solid #ddd; 
		background: #a0b6ce; 
		padding-left: 5px;
		padding-top: 10px; 
	}
	table.ResponsiveTable td { 
		padding-left: 205px !important; 
		min-height: 30px;
	}
}

div.row table.ResponsiveTable {
	width: 100%;
}