/* Custom CSS for Staff Statement Table */
.staff-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    color: rgb(50, 55, 60); /* Dark text for contrast */
}

.staff-table th, .staff-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid rgb(200, 200, 200); /* Light gray border */
}

.staff-table th {
    background-color: rgb(255, 220, 220);
    color: rgb(50, 55, 60); /* Dark text for contrast */
}

.staff-table tr:nth-child(odd) {
    background-color: rgb(250, 230, 230);
}

.staff-table tr:nth-child(even) {
   background-color: rgb(255, 245, 245);
}
/* Table borders */
.staff-table table, th, td {
  border: 1px solid #ddd;
  white-space: nowrap;
}
.pagination {
    margin-top: 20px;
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically (if needed) */
}

.pagination button {
    padding: 8px 16px; /* Increase padding for better button size */
    margin: 0 5px; /* Space between buttons */
    border: none; /* Remove default border */
    border-radius: 20px; /* Round the corners */
    background-color: rgb(250, 230, 230); /* background */
    color: rgb(50, 55, 60); /* Dark text for contrast */
    font-size: 16px; /* Adjust font size */
    cursor: pointer; /* Change cursor on hover */
    transition: background-color 0.3s; /* Smooth background color transition */
}

.pagination button:hover {
    background-color: rgb(255, 200, 200); /* Darker on hover */
}