table {
	--color: #ddd;
	border-collapse: collapse;
	border-top: 1px solid var(--color);
/*	border-left: 1px solid #ddd;*/
	border-right: 1px solid var(--color);

    overflow-x: auto;
    overflow-y: visible;
    display: block;
    max-width: fit-content;

	/*overflow-x: scroll;*/
	-webkit-overflow-scrolling: touch;
	/*scroll-behavior: smooth;*/
}
table::-webkit-scrollbar {
	height: 0.5em;
	width: 0.5em;
}
table::-webkit-scrollbar-thumb {
	background-color: var(--main, rgba(0,0,0,0.3));
	border-radius: 5px;
}



th, td {
	padding: 0.6em 1em;
	text-align: left;
	border-bottom: 1px solid var(--color);
	border-left: 1px solid var(--color);
}
tr > :first-child {
/*	border-left: 1px solid #ddd;*/
}



tbody th, 
tbody td {
	
}
thead {
	font-weight: bold;
	background-color: rgba(0,0,0,0.02)
}
tbody tr:nth-child(odd) {
/*	background-color: #f2f2f2;*/
}

tfoot {
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.02);
}



@media (max-width: 575px) {
	th, td {
		padding: 0.3em 0.5em;
	}
}