html{
	--th-bg-color:#151e19;
	--th-color:#fff;
	--td-bg-color:#dee5e1;
	--td-color:#000;
}

.table-responsive{
	font-size:inherit;
	box-sizing:border-box;
	width:100%;
	border-collapse:collapse;
	margin:10px 0 10px 0;
}

.table-responsive th,
.table-responsive td{
	padding:10px;
	text-align:left;
	border:solid 1px #ccc;
}

.table-responsive th{
	background-color:var(--th-bg-color);
	color:var(--th-color);
}

.table-responsive td .th-responsive{
	display:none;	
}
.table-responsive tr:nth-child(odd){
	background-color:var(--td-bg-color);
}

@media screen and (max-width:900px){
	.table-responsive, 
	.table-responsive thead, 
	.table-responsive tbody, 
	.table-responsive tr, 
	.table-responsive th, 
	.table-responsive td{
		display:inline-block;
		table-layout:fixed;
		width:100%;
	}
	
	.table-responsive thead, 
	.table-responsive th{
		display:none;
	}
	
	
	.table-responsive td{
		display:table;
		padding :0;
		background-color:#fff;
		margin-top:-1px;
	}
	
	.table-responsive td:nth-child(odd){
		background-color:var(--td-bg-color);;
		
	}
	
	.table-responsive td .th-responsive{
		display:table-cell;
		padding:10px;
		width:120px;
		background-color:var(--th-bg-color);
		color:var(--th-color);
		font-weight:bold;
	}
	.table-responsive td .content{
		display:table-cell;
		padding:10px;
	}
	.table-responsive tr{
		margin-bottom:1rem;
	}
	
}