.dark-blue-white {
    background: rgb(4, 36, 87);
    color: white;
    text-align: center;
}

.blue-white {
    background: #4a86e8ff;
    color: white;
}

th, td {
    border: 2px solid black;
    bottom: 5px;
    vertical-align: top;
}

.wide-table {
    width: 100%;
    border-collapse: collapse;
}

.narrow-column {
    width: 6%;
    text-align: center;
}

.medium-column {
    width: 18%;
    text-align: left;
}

.wide-column {
    width: 25.333333%;
    text-align: center;
}

.unit {
    text-align: center;
    font-weight: bold;
}

.nothing {
    background-color: lightgray;
}

.date {
    text-align: left;
    font-weight: bold;
    background: #4a86e8ff;
    color: white;
}

.special-day {
    background-color: yellow;
}

.project-day {
    background-color: cyan;
}

.red-text {
    color: red;
}

.blank-cell {
    border: none; /* Removes the border */
    background-color: transparent; /* Ensures no background color */
    padding: 0; /* Optional: Removes any default padding */
    height: auto; /* Optional: Adjusts the height dynamically */
    width: auto; /* Optional: Adjusts the width dynamically */
}

.break {
    font-weight: bold;
    color: red;
    background-color: yellow;
    text-align: center;
}