.month-buttons {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.month-buttons a {
    margin: 0 5px;
}

.month-buttons a.active {
    background-color: #0d6efd;
    color: white;
}

.custom-button {
    font-size: 16px !important;
}

/* Custom CSS for fixed-width columns */
.fixed-table {
    table-layout: fixed;
    width: auto !important;
    border: none !important;
}

.fixed-table th:first-child,
.fixed-table td:first-child {
    width: 154px !important; /* Set the width for the first column */

    position: sticky;
    left: 0;
    background-color: inherit;
    z-index: 2;
    padding: 2px !important;
    border: 1px solid #efe8e8 !important;
}

.fixed-table th:not(:first-child),
.fixed-table td:not(:first-child) {
    width: 30px !important; /* Set the width for the remaining columns */
    height: 30px !important; /* Set the width for the remaining columns */
    text-align: center !important;
    padding: 2px !important;
    border: 1px solid #efe8e8 !important;
}

.fixed-table th:not(:first-child) div,
.fixed-table td:not(:first-child) div {
    height: 30px !important;
    width: 30px !important;
    text-align: center !important;
    padding: 2px !important;
}

.fixed-table-group-header {
    width: 165px;
    text-align: left;
    border: 0px  !important;
}

@media screen and (max-width: 576px) {
    .daily-ellipse-text {
        width: 120px !important;
    }
}