table {
	border: 1px solid #ccc;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing:.2em;
}
table {
  /*table-layout: fixed;
  white-space: normal!important;*/
}


table caption {
	font-weight: bold;
	font-family:Vegur, 'PT Sans', Verdana, sans-serif;	
	font-size:12pt;
	padding:.3em;
}
table tr {
	border: 1px solid #ddd;
}
table tr:nth-child(even) {
	background-color:#fbfcfc; 
}
table tbody tr{
	color:black;
	font-size:10pt;	
}
table tbody tr:hover{
	background-color:#FFF8DC;
}
table td, table th {
	padding:.3em;
	text-align: center;
	word-wrap: break-word;
	text-wrap: wrap;
}
table th {
	text-transform: uppercase;
	font-family:font-family: Georgia, serif;
	font-size:9pt;
	letter-spacing: 1px;
}
.content-table{
	display:flex;
	flex-direction:column;	
}
.table{
	border-collapse: collapse;
}
.table caption{
	font-weight:bold;
	background-color:var(--pag-bg-color);
}
.table thead{
	
}
.table caption,.table th,.table td{
	padding:.5em;
	 border-bottom: 1px solid var(--pag-bg-color);
}
.table tbody tr:hover {
	background-color:#ddd;
}
.content-table .table-controls, .content-table .table-navigation{
	display:flex;
}
.content-table .table-controls{
	justify-content:space-between;
}
.content-table .table-navigation{
	justify-content:center;
}
.content-table .arrow{
	width:1em;
}
.content-table .btn-arrow-left,.content-table .btn-arrow-right{
	cursor:pointer;
	font-weight:bold;
	color:var(--pag-bg-color);
}
.content-table .btn-arrow-left{
	margin-right:1.5em;
}
.content-table .btn-arrow-right{
	margin-left:1.5em;
}

/* responsive */
 @media all and (max-width: 940px) {
	table{
		font-size:10pt;
	} 
 }
@media screen and (max-width: 480px) {
	table {
		max-width:98vw;
		
		border:0;
		font-size:9pt;
	}
	table tr {
		/* margin:0 0 1em 0; */
		/* padding:0; */
		
		/*display: flex;
		flex-direction:column;*/
	}
	table td[data-label] {
		/*display: flex;
		justify-content:space-between;
		align-items: center;*/
	}
	table td:last-child {
		/* border-bottom: 0; */
	}
	table td[data-label]::before {
		/*content: attr(data-label);
		font-weight: bold;*/
	}
	table thead {
		/* display: none; */
	}	
}