/* Ensure the body and html take up the full viewport height */
html,
body {
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
}

/* Make the main content area grow to fill the available space */
.container-fluid {
	flex: 1 0 auto;
	/* Allow it to grow and shrink as needed */
}

/* Footer styling, making sure it stays at the bottom */
footer {
	flex-shrink: 0;
	background-color: #343a40;
	/* Dark background for the footer */
	color: white;
	width: 100%;
	/* Ensure the footer takes full width */
}