.com_table{
	--table-head-bg: #1f3b5c;
	--table-head-color: #fff;
	--table-bg: #fff;
	--table-border: #d9dee4;
	--table-stripe: #f4f6f8;
	--table-highlight: #dfe8f2;
	--table-local: #fff2c2;
	width: 100%;
	margin: 8px 0 16px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--table-border);
	border-radius: 6px;
}
.com_table table{
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.35;
	font-variant-numeric: tabular-nums;
}
.com_table th,
.com_table td{
	padding: 7px 12px;
	text-align: left;
	vertical-align: top;
	background-color: var(--table-bg);
	border-bottom: 1px solid var(--table-border);
}
/* Prima colonna fissa durante lo scroll orizzontale */
.com_table tr > :first-child{
	position: sticky;
	left: 0;
	box-shadow: inset -1px 0 var(--table-border);
}
.com_table tr > :not(:last-child){
	border-right: 1px solid var(--table-border);
}
.com_table tbody tr:last-child > *{
	border-bottom: 0;
}
.com_table thead th{
	background-color: var(--table-head-bg);
	color: var(--table-head-color);
	font-weight: 600;
	vertical-align: bottom;
	border-color: rgba(255, 255, 255, .15);
}
.com_table thead b,
.com_table thead strong{
	font-weight: inherit;
}
.com_table tbody tr:nth-child(even) > *{
	background-color: var(--table-stripe);
}
.com_table tbody tr.row-highlight > *{
	background-color: var(--table-highlight);
}
.com_table tbody tr.row-ticino > *{
	background-color: var(--table-local);
	font-weight: 700;
}
.com_table .num{
	text-align: right;
}
@media (max-width: 575px){
	.com_table table{
		font-size: 14px;
	}
	.com_table th,
	.com_table td{
		padding: 6px 8px;
	}
}