/* Light blue header */
table.table thead th {
    background-color: #ffffff;
    color: #000000;
}

/* Even rows - Alice blue */
.table tbody tr:nth-child(even) td {
    background-color: #e0e0eb;
    color: #000000; /* black */
}

/* Odd rows - Light cyan */
.table tbody tr:nth-child(odd) td {
    background-color: #a7e9f1;
    color: #000000; /* black */
}

.table>:not(caption)>*>* {
    background-color: transparent;
}

/* Add hover effect */
.table tbody tr:hover td {
    background-color: #384147;
    color: #ffffff; /* Dark text */
}

.table td, .table th {
    padding-left: 8px;  /* Increase left padding */
    padding-right: 8px;  /* Keep right padding smaller (optional) */
    padding-top: 3px;    /* Keep top padding smaller (optional) */
    padding-bottom: 3px; /* Keep bottom padding smaller (optional) */
}
/* Optionally, reduce font size for a more compact table */
.table {
    font-size: 0.9rem; /* Smaller font size */
}

/* Optional: reduce row height */
.table tbody tr {
    height: auto; /* Let rows have a natural height */
}

.table, .table td, .table th {
    border-width: 1px;  /* Increase border width */
    border-style: solid; /* Ensure solid border style */
    border-color: #000000; /* Set border color (black) */
}

.table {
    width: 95%;
    margin: 0 auto; /* Centers the table horizontally */
}

.checklog-table {
    width: 250px;
    margin-left: 2.5%;  /* Align to the left */
    margin-right: auto; /* Prevent centering */

}

.table-title {
    margin-left: 2.5%;  /* Align to the left */
    margin-right: auto; /* Prevent centering */
}

.selectedmonth {
        color: red;
    }