html, body {
    height: 100%;
    overflow-x: hidden;
}

/* ✅ Sidebar Styling */
.sidenav {
    width: 15px;
    height: 100vh;
    /*background: #135974 !important;*/
    color: white !important;
    /*padding: 20px;*/
    position: fixed;
}

/* ✅ Main Content (Takes Full Width) */
.main-content {
    flex-grow: 1;
}

/* ✅ Footer - Always at Bottom and does not overlap sidebar */
.footer {
    width: calc(100% - 220px); /* Subtract sidebar width from full width */
    margin-left: 220px; /* Align footer with main content */
    text-align: center;
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
    background: #f8f9fa;
    /*padding: 10px 0;*/
}

.logo {
    max-width: 80%; /* Adjust size */
    height: auto;
    max-height: 50px; /* Prevents it from being too large */
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Ensure sidebar menu text is white */
.nav-link {
    color: white !important;
}

/* Ensure dropdown menu text is white */
.dropdown-menu-dark .dropdown-item {
    color: white !important;
}

/* H2 Style: FSLolaWeb 28px, weight 700 */
h2 {
    /*font-family: 'FSLolaWeb', sans-serif;*/
    font-size: 28px;
    font-weight: 700;
    color: #135974;
}

h5{
    color: #135974;
}

/* Hover effect */
.nav-link:hover,
.dropdown-menu-dark .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #5bacb7 !important;

}

/* ✅ Submit Button Styling */
button[type="submit"] {
    /*width: 30% !important; !* Half of the container width *!*/
    background-color: #5bacb7 !important; /* Set button color */
    border: none;
    color: white;
    /*padding: 10px;*/
    /*font-size: 16px;*/
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
    margin: 0 auto; /* Center the button */

}

button[type="submit"]:hover {
    background-color: #135974 !important; /* Darker shade on hover */
}

.btn-primary{
    background-color: #135974;
}

.btn-primary:hover {
    background-color: #5bacb7;
}

body {
        padding-bottom: 100px; /* Matches header height */
}

p{
    margin-bottom: 0; !important;
}


/* Optional polish */
.card-header {
  font-weight: 600;
}

.fw-medium { font-weight: 500; }

.pagination-xs .page-link {
      padding: 0.2rem 0.45rem;
      font-size: 0.75rem; /* ~12px */
      line-height: 1;
      border-radius: 0.2rem;
    }
    .pagination-xs .dropdown-menu {
      font-size: 0.82rem;
      min-width: auto;
    }
    .pagination-xs .dropdown-toggle::after { transform: scale(0.8); }