.reports-page {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
}

    .logo-wrap img {
        max-width: 280px;
        height: auto;
    }

.reports-title {
    text-align: center;
    margin-bottom: 1.5rem;
}

.report-selector-card {
    max-width: 700px;
    margin: 0 auto 1.5rem auto;
}

.report-content {
    margin-top: 1rem;
}
.cumulative-report-grid.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(0, 0, 0, 0.035);
}

.money-written {
    color: #0d6efd !important;
    font-weight: 600;
}

.money-sold {
    color: #198754 !important;
    font-weight: 600;
}

.money-not-sold {
    color: #dc3545 !important;
    font-weight: 600;
}

.money-change-orders {
    color: #0d6efd !important;
    font-weight: 600;
}

.totals-row td {
    background-color: #e9ecef !important;
    font-weight: 700;
    border-top: 2px solid #343a40;
}
@media print {
    body * {
        visibility: hidden !important;
    }

    #printableCumulativeReport,
    #printableCumulativeReport * {
        visibility: visible !important;
    }

    #printableCumulativeReport {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 12px;
        background: #ffffff !important;
    }

    .table-responsive {
        overflow: visible !important;
    }

    .cumulative-report-grid {
        font-size: 10px;
        white-space: normal;
    }

        .cumulative-report-grid th,
        .cumulative-report-grid td {
            padding: 4px !important;
        }

        .cumulative-report-grid th {
            background-color: #ffffff !important;
            color: #000000 !important;
            border: 1px solid #000000 !important;
        }

        .cumulative-report-grid td {
            border: 1px solid #000000 !important;
        }

    .money-written,
    .money-sold,
    .money-not-sold,
    .money-change-orders {
        color: #000000 !important;
        font-weight: 600;
    }

    .totals-row td {
        background-color: #eeeeee !important;
        color: #000000 !important;
        font-weight: 700;
        border-top: 2px solid #000000 !important;
    }

    @page {
        size: landscape;
        margin: 0.35in;
    }
}