html, body {
    height: 100%;
    margin: 0;
}
body {
    display: flex;
    flex-direction: column;
}

#index-body,
#register-body {
    background-image: url("/bs200/images/track.jpg") !important;
    background-size: cover;
    background-origin: border-box; /* Default value */
    background-clip: border-box;   /* Default value */
    margin: 0;
    padding: 0;
    display: grid;
    place-content: center;
    height: 100vh;
}

main {
    flex: 1;
    /* Adjust the value below based on your actual footer height */
    /* min-height: calc(100vh - 50px); */
}
footer p {
	margin-bottom: .25rem;
}
footer {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.navbar {
	background-color: #2462AB;
}
.nav-link {
	color: lightgrey;
}
.btn .btn-icon {
    width: 20px;
    height: 20px;
}
thead {
    background-color: #2462AB !important; /* Change to your desired color */
}
.bg-bslw {
    color: white;
    background-color: #2462AB;
}
.btn-bslw {
    color: white;
    background-color: #00245D;
}
.btn-bslw:hover {
    color: white;
    background-color: #2462AB; /* Complementary color */
}
.btn-bslw-green {
    color: white;
    background-color: #27662E;
}
.btn-bslw-green:hover {
    color: white;
    background-color: #90973D; /* Complementary color */
}
.td-buttons {
    display: flex;
    justify-content: center; /* Center the buttons horizontally */
    align-items: center; /* Align the buttons vertically in the middle */
    gap: 5px; /* Optional: Adds space between the buttons */
}
.required {
	border-color: red;
}
.error {
	color: red;
}
.success {
	color: green;
}

.stats-table-container {
    margin: 0 auto;
    max-width: 900px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}
.rounded-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
}
.rounded-table thead th:first-child {
    border-top-left-radius: 8px;
}
.rounded-table thead th:last-child {
    border-top-right-radius: 8px;
}
.rounded-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
.rounded-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}