main {
    min-height: calc(100vh - 9.6em);
}

body {
    min-height: 400px;
    margin-bottom: 100px;
    clear: both;
}

nav.navbar {
    background-color: #0f2f4e;
}

.login-panel {
    margin-top: 7em;
}

.navbar .navbar-brand img {
    max-height: 3ex;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: #3F7FAD;
    overflow-y: auto;
}

footer div.footer-logos > img {
    max-height: 6ex; /* Set a maximum height for each logo */
}

.footer-logos {
    display: flex;
    align-items: center; /* Align the logos vertically */
    justify-content: space-between; /* Distribute the logos evenly across the footer */
}

.footer-logos img {
    max-width: 50%; /* Set a maximum width for the left logo */
    object-fit: cover; /* Resize the images to fit their containers while preserving their original aspect ratios */
}

.footer-logos img.right-logo {
    max-width: 60%; /* Adjust the maximum width for the right logo */
}