.login-card {
    display: inline-block;
    width: 300px; /* Adjust width as needed */
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.mr-2 {
    margin-right: 0.5rem;
}

.table tbody tr:hover {
    background-color: #d1e7fd; /* Light blue color for hover effect */
    cursor: pointer;
}

.form-input{
    display: table;
}

.form-cells{
    display: table-cell
}




.login-navbar {
    max-width: 1200px; /* Set the max-width to match a medium screen */
    margin: auto;
    border-bottom-left-radius: 10px; /* Round the bottom left corner */
    border-bottom-right-radius: 10px; /* Round the bottom right corner */
    border: 1px solid #d3d3d3;
}

.navbar-toggler {
    display: none;
}

.dropdown-menu a {
    display: flex;           /* Use flexbox for alignment */
    align-items: center;     /* Vertically center the content */
    width: 100%;             /* Ensure they take up the full width */
    padding: 0.5rem 1rem;    /* Add padding to make them clickable */
    color: #000;             /* Adjust the text color if necessary */
    text-decoration: none;   /* Remove underlines */
}

.dropdown-menu a:hover {
    background-color: #204d74;
    color: #fff;
}

.dropdown-menu a span {
    flex-grow: 1;            /* Make the span take up the remaining space */
}

/* Style for the selected number */
.selected-number .page-link {
    background-color: #204d74;
    color: #fff !important;
}

/* Style for the unselected numbers and text (previous/next) */
.pagination .page-item a,
.pagination .page-item span {
    color: #204d74;
}

.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
    background-color: #204d74;
    border-color: #204d74;
    color: #fff !important;
}

/* This is needed to get rid of the line that was appearing. */
span.card {
    border: none;
}


.modal-backdrop {
  z-index: 1040 !important;
}

.modal {
  z-index: 1055 !important;
}


.list-section-header:empty { display: none; }















