.data-table-wrap							{ max-width:100%; display:inline-block; }
.data-table-wrap > table					{ width:100%; }
.data-table.striped tbody tr.odd			{ background:#f1f1f1; }

@media(min-width:550px){
	.data-table.respond							{ display:block; border-color:#aaa !important; }
	.data-table.respond thead					{ display:none; }
	.data-table.respond tbody					{ display:block; }
	.data-table.respond tr						{ display:block; border-top:1px solid #cecece; }
	.data-table.respond tr.odd:first-of-type	{ border:none; }
	.data-table.respond td						{ display:block; padding-left:150px !important; border:none !important; }
	.data-table.respond td:before				{ display:block; float:left; width:150px; margin-left:-150px; padding:0 5px; content:attr(data-title)':'; font-weight:bold; }
	.data-table.respond td[data-empty]			{ display:none; }
}

@media(max-width:550px){
	.data-table								{ display:block; border-color:#aaa !important; }
	.data-table thead						{ display:none; }
	.data-table tbody						{ display:block; }
	.data-table tr							{ display:block; border-top:1px solid #cecece; }
	.data-table tr.odd:first-of-type		{ border:none; }
	.data-table td							{ display:block; padding-left:150px !important; border:none !important; }
	.data-table td:before					{ display:block; float:left; width:150px; margin-left:-150px; padding:0 5px; content:attr(data-title)':'; font-weight:bold; }
	.data-table td[data-empty]				{ display:none; }
}

@media(max-width:400px){
	.data-table td							{ padding-left:15px !important; }
	.data-table td:before					{ float:none !important; width:100% !important; margin-left:-7px !important; }
}