@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        display: none;
    }

    #printSection {
        display: block;
        position: absolute;
        left: 0;
        top: 0;

        * { display: inline-block; }

        address, article, aside, blockquote, center, dd, details, dir, div, dl, dt, fieldset, figcaption, figure,
        footer, form, frame, frameset, h1, h2, h3, h4, h5, h6, header, hgroup, hr, layer, legend, listing, main, menu,
        nav, ol, p, plaintext, pre, ruby > rt, section, summary, ul, xmp { display: block; }

        button, input, keygen, marquee, meter, progress, select, textarea
        { display: inline-block; }

        output, q { display: inline; }

        li { display: list-item; }

        slot { display: contents; }

        table { display: table; }
        thead { display: table-header-group; }
        tbody { display: table-row-group; }
        tfoot { display: table-footer-group; }
        col { display: table-column; }
        colgroup { display: table-column-group; }
        tr { display: table-row; }
        td, th { display: table-cell; }
        caption { display: table-caption; }

        .screen-only, area, datalist, head, input[type="hidden"], link, meta, noframes, param, ruby > rp, script,
        style, template, title { display: none; }
    }
}
