.loading-container {
     height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }
form.mod-login-logout {
    right: 20px;
    top: 20px;
    z-index: 100;
}
.burger-menu {
    top: 20px;
    right: 140px;
    z-index: 100;
    text-align: right;
}
.burger-menu .menu-toggle > span {
    width: 36px;
    display: inline-block;
}
.burger-menu ul.nav {
    display: none;
    text-align: left;
    background: #ffffff;
    padding: 10px;
}
.burger-menu .menu-toggle {
cursor: pointer; 
}
.burger-menu.open ul.nav {
    display: list-item;
}
.burger-menu.open ul.nav a {
    color: #222;
    padding: 2px 0;
    display: inline-block;
    transition: opacity 0.3s;
}
.burger-menu.open ul.nav a:hover {
    opacity: 0.5;
}


/* Generic styles for when Bootstrap is disabled */
.no-bs body { font-family: sans-serif; margin: 0; padding: 0; }
.no-bs .container { max-width: 1140px; margin: 0 auto; padding: 0 15px; }
.no-bs .row { display: flex; flex-wrap: wrap; }
.no-bs .col-lg-9 { width: 75%; }
.no-bs .col-lg-3 { width: 25%; }
.no-bs .col-lg-12 { width: 100%; }

/* Style for the menu list */
nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 20px; }
nav a { text-decoration: none; color: #333; font-weight: bold; }

/* Message area styling */
#system-message-container { margin-bottom: 20px; }