.group-box {
    display: inline-block;
    min-width: 100px;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    background-color: antiquewhite;
    border: 1px solid #ddd;
    border-radius: 8px;
    color: #333;
    font-weight: 200;
}

    .group-box:hover {
        background: #007bff;
        color: white;
        font-weight: 800;
        font-family: Tahoma;
    }

.all-box {
    background: #28a745;
    color: white;
}
@media print {

    @page {
        size: A5 portrait;
        margin: 8mm;
    }

    body {
        margin: 0;
        padding: 0;
        background: white !important;
    }

    /* Hide things that should not appear on printed report */
    .no-print {
        display: none !important;
    }

    /* A5 report */
    .a5-report {
        width: 100%;
        margin: 0;
        padding: 0;
        background: white !important;
    }

        .a5-report h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .a5-report table {
            width: 100% !important;
            font-size: 11px;
            border-collapse: collapse;
        }

        .a5-report th,
        .a5-report td {
            padding: 4px !important;
            border: 1px solid #000 !important;
        }

    .a5-total {
        text-align: right;
        font-size: 13px;
        margin-top: 8px;
    }
}