body {
    margin: 0;
    padding: 0;
    background-color: #FAFAFA;
    font: 12pt "Tahoma";
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page {
    width: 23cm;
    min-height: 34cm;
    padding: 1cm;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.table {
    color: black;
    border: 1px solid black;
    border-collapse: collapse;
}

.table tr td, .table tr th {
    padding: 7px;
    line-height: 1.428571429;
    border: 1px solid black;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th {
    background: #dedede;
}

.subpage {
    padding: 1cm;
    border: 5px red solid;
    height: 27.7cm;
    outline: 2cm #FFEAEA solid;
}

.font {
    font-weight: bold;
}

@page {
    size: A4;
    /*margin: 1cm;*/
}

@media print {
    .page {
        margin: 0;
        border: initial;
        padding: 0;
        border-radius: initial;
        width: initial;
        height: initial;
        box-shadow: initial;
        background: white;
    }

    .print {
        page-break-inside: auto
    }

    .print tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    .print thead {
        display: table-header-group
    }

    html, body {
        height: 99%;
    }
}

div, td, tr {
    font: 16px/20px 'Arial', 'Liberation Sans', 'Helvetica Neue', 'sans-serif', 'Times New Roman';
}

.invalidated-watermark-potrait {
    -ms-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    transform: rotate(311deg);
    position: absolute;
    margin: 340 0 0 100;
    font-size: 150px;
    opacity: 0.3;
}

.invalidated-watermark-landscape {
    -ms-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    transform: rotate(330deg);
    position: absolute;
    z-index: 1025;
    margin: -35px 0 0 90px;
    font-size: 30px;
    opacity: 0.3;
}