@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        font-size: 12pt;
        line-height: 1.5;
    }

    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    p, blockquote, ul, ol {
        orphans: 3;
        widows: 3;
    }

    blockquote, ul, ol {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    .no-print,
    header,
    footer,
    nav,
    .mdl-layout__header,
    .mdl-layout__drawer,
    button,
    .modal,
    #myModal,
    .service-desktop-button,
    .service-mobile-button,
    .card-box {
        display: none !important;
    }

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

    @page {
        margin: 2cm;
    }

    main {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .content {
        max-width: 100%;
    }
}