@page {
    size: A4 portrait;
    margin: 0;
    border: none;
}
#app-version-watermark {
    position: fixed;
    top: 45px;
    left: 14px;
    font-size: 14px;
    line-height: 1;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    z-index: 9999;
    opacity: 0;
    transition: 0.25s;
}
#app-version-watermark:hover {
    opacity: 1;
}

@media print {

    #app-version-watermark {
        display: none;
    }

    html,
    body {
        width: 210mm;
        height: 290mm;
        margin: 0;
        padding: 0;
        border: none;
    }

    .page {
        width: 210mm;
        height: 290mm;
        box-sizing: border-box;
        border: none;
        page-break-before: always;
    }

    @page landscape {
        size: landscape;
        margin: 10mm;
    }

    .print-landscape {
        width: 297mm !important;
        height: 210mm !important;
        page: landscape;
    }

    @media print {
        .page {
            width: 210mm;
            height: 290mm;
            box-sizing: border-box;
            border: none;
            page-break-before: always;
        }
    }
}

.selected {
    box-shadow: 0px 0px 8px 4px #D2E4D4, inset 0px 0px 8px 4px #D2E4D4;
    /* -webkit-box-shadow: 0px 0px 10px 5px #00A35A; */
}