[class^="table"]{
	width:100%;
	margin:1em 0;
/*	border-collapse:separate;*/
/*	border-spacing:.2em;*/
	word-wrap:break-word;
	text-align:left;
	background-color:#ffffff;
	-webkit-box-shadow:.5rem .5rem 2rem rgba(0,0,0,0.25);
	box-shadow:.5rem .5rem 2rem rgba(0,0,0,0.25)
}
[class^="table"] td{
	vertical-align:top;padding:.5em 1em;font-weight:300;
}

[class^="table"] th{
	vertical-align:top;padding:.5em 1em;f;
}
[class^="table"] thead{
	color:#eee;background-color:#3ac1cd;
}
[class^="table"] tfoot{
	color:#eee;background-color:#3ac1cd
}

@media (max-width:620px){
	[class^="table"]{border-collapse:collapse;border:.2em solid #3ac1cd}
	[class^="table"] thead{display:none}
	[class^="table"] td{display:block}
	[class^="table"] tbody td:first-child{color:#eee;background-color:#3ac1cd}
	[class^="table"] tfoot :empty{display:none}
	[class^="table"] tbody td::before{content:attr(data-thead) '\00a0: ';display:inline;font-weight:bold;}
	[class^="table"] tbody td:empty::before{content:attr(data-thead) '\00a0: --'}
}

@media (min-width:36.01rem){
	[class^="table"][class*="fixed"]{table-layout:fixed}[class^="table"][class*="firstcolumn"] tbody td:first-child{
		color:#eee;background-color:#5a728a}[class^="table"] tbody td{border:1px solid #ddd
	}
	[class^="table"] tbody :empty{
		background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,0.1),rgba(0,0,0,0.2) 1px,transparent 1px,transparent 6px);background-size:8px 8px
	}
}