/* that's the code that makes the table running */
/* Implements fix header */
/* ellipses */
/* scrollable */


	

.ellipsis {
	position: relative;
}
.ellipsis:before {
	content: ' ';
	visibility: hidden;
}
.ellipsis span {
	position: absolute;
	left: 6px;
	right: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
	
	
.TableContainer{ 
	overflow-y: scroll; 
	overflow-x:hidden;
	padding:0px 0px 0px 0px!important; /* don't override */
	/* ---------------------------------------------- */
	/* The 'height' is fondamental to keep the        */
	/* header fixed.                                  */
	height: 120px;	
	/* can be overrided!
	/* ---------------------------------------------- */
}


/* ----------------------------------------------------- */
.tableScroll thead th { position: sticky; top: 0; }

.tableScroll {
	border:solid 0px transparent;
	border-collapse:collapse;
	border-spacing: 0px;
	width:100%; 
	margin:0px;

	height: 100%; /*(of its container 'TableContainer')*/_
	
}
.tableScroll th {
	margin-top:0px; 
	z-index:999;
}	
.tableScroll td, tableScroll th {
	white-space: nowrap; 
	border: solid 1px transparent;	
}
/* ----------------------------------------------------- */