@media print {
    html, body {
        --color-app: #17a2b8;
        --color-app-light: #73cbd9;
        --color-app-xtralight: #96dcdcce;
        --color-highlight: #fcfbc2;
        --color-menu-background: #333;
        --color-page-background: white;
        --color-table-background: #b1b1b1;
        --color-table-background2: #f7f7f7;
        --color-table-header-background: #f7f7f7;
        --color-table-border: white;
        --color-menu-font: white;
        --color-page-font: black;
        --color-page-font-secondary: gray;
        --color-form-control-border: #dcdfe6;
        font-size: 14px;
    }

    @page {
        size: A4;
        padding: 20mm;
    }

    main {
        padding-left: 15mm;
        padding-right: 15mm;
        padding-bottom: 20mm;
    }

    .btn {
        display: none;
    }

    .screenOnly {
        display: none;
    }

    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}

@media screen {
    .printOnly {
        display: none;
    }
}