@media print {
    body * {
        visibility: hidden;
    }

    .printablearea * {
        visibility: visible;
    }

    .ui-button {
        display: none !important;
    }

    .btn {
        display: none !important;
    }

    .printhidden {
        display: none !important;
    }

    .printablearea {
        position: absolute;
        top: 40px;
        left: 0px;
        width: calc(100% - 3.5rem);
    }

    .chartcontainer300 {
        width: 300px !important;
        height: 300px !important;
        max-height: 300px !important;
        max-width: 300px !important;
        flex: none;
    }

    .pagebreak {
        page-break-before: always;
    }
    /* page-break-after works, as well */

    .print-only {
        display: initial !important;
    }
}