@media print {@page { size: landscape; }}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    padding: 0cm;
    margin: 0px;
}

@media screen {
    body { margin-left: auto; margin-right: auto; }
}

@media (orientation: landscape) {
    body { width: 29.7cm; }
}
@media (orientation: portrait) {
    body { width: 21cm; }
}

.sidebar { display: none; width: 1px; height: 1px; overflow: hidden; }
nav, .navbar { display: none; width: 1px; height: 1px; overflow: hidden; } 
footer, .footer { display: none; width: 1px; height: 1px; overflow: hidden; }

.main-panel { width: 100%; float: left; background: transparent; }
.main-panel .content { padding: 0px; min-height: 1px; }

.printarea { padding: 0px; box-shadow: none; background: rgba(255, 192, 203, 0.22); overflow: hidden; position: relative; height: 100%; }

@media screen and (orientation: landscape) {
    .pagebreak { width: 100%; height: 0.1px; border-top: 1px dotted grey; position: absolute; top: 17.8cm; left: 0cm; }
}
@media (orientation: portrait) {
    .pagebreak { width: 100%; height: 0.1px; border-top: 1px dotted grey; position: absolute; top: 25.5cm; left: 0cm; }
}

.content div.noprint { display: none; }
.noshow { display: inherit; }

tbody {
    page-break-inside: avoid;
}

td { border: 1px solid #fff; }

table.pageheader { 
    width: 100%;
    /* DEV */
    width: 23.2cm;
    max-width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.5cm;
}

table.pageheader td {
    font-size: 10px;
    font-weight: 600;
    border-right: 1px solid red;
}

table.printtable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.5cm;
}

table.printtable th, table.printtable td {
    padding: 1mm 1.5mm;
}

table.printtable th {
    border: 1px solid grey;
    border-top: none;
    vertical-align: bottom;
}

table.printtable th:first-child { border-left: none; }
table.printtable th:last-child { border-right: none; }

table.printtable .starttime { display: block; width: 100%; text-align: center; white-space: nowrap; }
table.printtable .starttime::after { content: ' '; display: block; width: 100%; height: 1px; position: relative; background: black; }
table.printtable .endtime { display: block; width: 100%; text-align: center; white-space: nowrap; }



table.subfooter {
    page-break-inside: avoid;
}

table.pagefooter {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5cm;
}

table.pagefooter td {
    font-size: 10px;
}