@media print {

    @page {
        size: letter; /* You can use 'letter', 'A4', etc. */
        /* 0.5in: the page frame itself provides the margin. #print's own content
           (row px-5 = 3rem/48px padding each side, in _InvoicePrintContent) used to
           add on top of a full 1in page margin, which is why printed invoices looked
           over-padded on every edge. */
        margin: 0.5in;
    }

    body {
        margin: 0mm 0;
        padding: 0;
        width: 100%;
    }

    header, footer, nav, navbar {
        display: none;
    }

    .noprint {
        display: none;
    }

    .print {
        margin: 0 0 0 0px;
    }

    /* #print keeps its px-5 (3rem/48px) Bootstrap padding on screen for normal
       viewing. On a printed page that's on top of the @page margin above, which is
       what made printed invoices look over-padded on every edge. Zero it here,
       print-only, so the screen layout is untouched. */
    #print .row.px-5 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .container {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
    /* print.css */
    main, article, section, print {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        /*  margin: 0mm 0;*/
        padding: 0;
        /*    margin-right: 0rem !important;
    margin-left: 0rem !important;*/
    }


        /* print.css 
        main {
            column-width: 8cm;
            column-gap: 2cm;
        }*/

            /* print.css
        * {
            width: 100%;
            font-family: serif !important;
            font-size: 11pt !important;
            line-height: 1.5 !important;
            color: black !important;
            background-color: white !important;
            background-image: none !important;
        }
        */
    
}