@media print {
    /* Hide absolutely everything inside the body */
    body * {
        visibility: hidden;
    }

    body {
        background-color: transparent !important;
    }

    /* Unhide the .page-content div and all elements nested inside it */
    .page-content, .page-content * {
        visibility: visible;
    }

    /* Position the .page-content at the very top-left of the paper
       This prevents blank pages caused by the layout structure of the hidden elements */
    .page-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 10px;
    }

    /* Make sure the print button itself isn't printed */
    .no-print {
        display: none !important;
    }
}