/* ------------------ COLOR DEFINITIONS ----------------  */
:root {
	--blue: #1e90ff;
	--white: #ffffff;
/* Variable for table styles */
	--font-family: Arial, sans-serif;
	--font-size: 14px;
	--font-color: #fff;

	--header-font-family: 'Verdana', sans-serif;
	--header-font-size: 16px;
	--header-font-color: #fff;
/*	--header-bg-color: #4CAF50;	*/
            
	--max-width: 15em; /* Max width for columns */
	--border-color: #ddd; /* Border color */
	--border-width: 1px;  /* Border width */
}

/* -------- Line Section Separator -------- */
	.line-section-separator {
		height: 0.01px;
		background-color: var(--white);
		border-top: 1px solid var(--white);
		width: 100%;
		margin-top: 12px;
		margin-bottom: 12px;
		display: block;
	}

/* ---------- Page title definition ------- */
.page-title {
  color: var(--white);
  font-size: 42px;
  font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
  text-align: center;
  margin: 1em 0 1em 0;
  font-weight: bold;
}

/* ---------- Force image ------- */
.img-center {
    display: block;
    margin: 0 auto;
}

/* ----- To center tables ------- */
table.TableGrid {
	max-width:100%;
	display: block;
	margin-right:auto;
	margin-left:auto;
	border-collapse: collapse;
	table-layout: fixed;
}

.table-container {
	display: flex;
	justify-content: center;
}
	
th, td {
	text-align: center;
	padding: 8px;
	max-width: var(--max-width);
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	border: var(--border-width) solid var(--border-color); /* Add border to each cell */
}

/* Header Row Styling */
th {
	font-family: var(--header-font-family);
	font-size: var(--header-font-size);
	color: var(--header-font-color);
	background-color: var(--header-bg-color);
}

/* Data Rows Styling */
td {
	font-family: var(--font-family);
	font-size: var(--font-size);
	color: var(--font-color);
}