@media screen {
    .printable-content-container {
        display: none;
    }
}

@media print {
    body > form {
        display: none;
    }

    .modal,
    .modal-backdrop {
        display: none !important;
    }

    .printable-content-container {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
    }

    .printable-content-container.printable-qrcode-container {
        width: 200px;
        height: 230px;
    }

    .printable-content-container > div.qrcode-text {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

    .printable-content-container .print-column {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
    }

    .printable-content-container .print-column > div {
        width: 50%;
    }

    .printable-content-container .print-column img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
}