/* Body and HTML to take full viewport height */
	html, body {
		height: 100%;
		margin: 0;
		display: flex;
		flex-direction: column;
	}

	/* Container to fill available space, pushing the footer down */
	.container {
		flex: 1;
		margin-top: 20px;
	}

	/* Additional CSS styles for the header */
	.header-img {
		width: 100%; /* Adjust as needed */
		height: auto; /* Maintain aspect ratio */
	}

	.header-line {
		border-top: 1px solid #ccc; /* Adjust color and style as needed */
		margin-top: 10px; /* Adjust spacing as needed */
	}

	.header-title {
		text-align: center; /* Center align the text */
	}

	.custom-thead {
		background-color: navy; /* Define navy blue color */
		color: white; /* Text color */
	}

	/* Custom CSS to reduce table row height */
	.table td, .table th {
		padding: 0.5rem; /* Adjust padding as needed */
		line-height: 1.2; /* Adjust line height as needed */
	}

	/* Custom CSS to increase indent */
	.table td, .table th:last-child {
		padding-left: 20px; /* Adjust the indent as needed */
	}

	/* Footer styling to stay at the bottom */
	.footer {
		background-color: #A0A0A0;
		color: #fff;
		text-align: center;
		height: 40px; /* Adjust height as needed */
		line-height: 40px; /* Set line-height to match the footer height */
		width: 100%;
		position: relative; /* Ensures it stays at the bottom of the page */
	}


	#fixedTable {
		table-layout: fixed;
		width: 100%; /* Set fixed width for the table */
	}

	#fixedTable td {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#fixedTable .expandable-cell {
		white-space: normal; /* Allow text to wrap */
		overflow: visible; /* Ensure the cell height can expand */
	}


	#backToTop {
		position: fixed;
		bottom: 20px;
		right: 20px;
		display: none; /* Initially hidden */
		cursor: pointer;
		z-index: 1000;
		text-decoration: none;
	}

	#backToTop img {
		width: 40px; /* Adjust width as needed */
		height: 40px; /* Adjust height as needed */
	}

	#backToTop:hover img {
		opacity: 0.8; /* Optional: Add hover effect */
	}