.container-home {
    margin: 80px auto;
}

.bg-lighter-yellow {
    background: #f9f8dc;
    border: 1px solid #f9f8dc;
}

.bg-lighter-sky {
    background: #dcf9f9;
    border: 1px solid #dcf9f9;
}

.bg-lighter-blue {
    background: #dce2f9;
    border: 1px solid #dce2f9;
}

.bg-lighter-green {
    background: #dcf9dc;
    border: 1px solid #dcf9dc;
}

.bg-lighter-red {
    background: #f9dcdc;
    border: 1px solid #f9dcdc;
}

.bg-lighter-purple {
    background: #f9dcf8;
    border: 1px solid #f9dcf8;
}

nav .dropdown-toggle::after {
    display: none;
}

nav i {
    width: 20px;
}

table {
    white-space: nowrap;
}

table td i {
    width: 20px;
}

table .table-active {
    --bs-table-bg-state: #02ab5d;
    --bs-table-color-state: #fff;
}

.report-calendar-icon {
    min-width: 50px;
    min-height: 60px;
}

.report-calendar-icon p {
    margin-top: -8px;
}

.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.calendar .day {
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
}

.w-md-0 {
    width: auto !important;
}

@media screen and (max-width: 768px) {
    .calendar .day {
        padding: 2px;
    }

    .w-md-0 {
        width: 100% !important;
    }
}