/* TABLES */
div.table-container {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding-right: 4px;
	overflow-y: auto;
	overflow-x: auto;
	scrollbar-gutter: auto;
}

table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	box-sizing: border-box;
}
/*
table, th, td {
	border: none;
	border-collapse: collapse;
	box-sizing: border-box;
}
*/
thead, tbody {
	display : flex;
	flex-direction: column;
}
thead {
	background-color: var(--background-tableHeader-color);
	color: var(--font-tableHeader-color);    
	position: sticky;
	top: 0;

	/*z-index: 9;*/
}

th {
	/*height: var(--tableHeader-height);*/
	font-family: var(--table-header-font-family);
	font-size: var(--table-header-font-size) ;
}

th.tsort {
	cursor: pointer;
}
/*
tr {
	height: var(--table-line-default-height);
}
*/

tr.alternateColor:nth-child(odd) {
  background-color: var(--background-oddline-color);
}
tr.alternateColor:nth-child(even) {
  background-color: var(--background-evenline-color);
}

tr.lignePaire {
	background-color: var(--background-evenline-color);
}
tr.ligneImpaire {
	background-color:var(--background-oddline-color);
}
tr.selectable:hover {
	background-color:var(--background-selected-color);
	color:var(--font-inverted-color);
}

td.tdCenter {
	text-align: center;
}

span.sort {
	font-size: 12px;
}
span.sort:not(.up)::after, span.sort:not(.down)::after {
	color: var(--font-tableHeader-color);
	content: "\0025BC";
}
span.sort.down::after {
	color: var(--font-highlight-color);
	content: "\0025BC";
}
span.sort.up::after {
	color: var(--font-highlight-color);
	content: "\0025B2";
	cursor: pointer;
}
