html, body {
    height: 100%; /* Ensures the full height of the page is used */
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column; /* Stacks content vertically */
}

main {
    flex: 1; /* Allows the main content to expand and fill available space */
}

footer {
    flex-shrink: 0; /* Prevents the footer from shrinking */
}

.align-right {
    display: block; /* Ensure full width within li for proper alignment */
    text-align: right; /* Aligns text to the right */
}

.alert {
    position:absolute; 
    top:20px; 
    right:20px; 
    z-index:9999;
}

.custom-button.btn-outline-secondary:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-logout {
    background-color: transparent;
    align-self: right;
    border-color: transparent;
    color: #fff;
}

.btn-logout:hover {
    background-color: transparent;
    color: #fff;
}