@media print { .report { font-size: 12pt; -webkit-print-color-adjust: exact; } .report .sheet { width: 100%; page-break-after: always; } } @media screen { .report { background-color: #EEE; } .report .sheet { /* A4 -> 210x297mm */ width: 51em; height: 72.1em; background-color: white; margin: 2em auto; box-shadow: 0 .1em .1em #CCC; padding: 5em; } } @media screen { .report { font-size: .8em; } } @media screen and (min-resolution: 120dpi), screen and (-webkit-min-device-pixel-ratio: 1.5) { .report { font-size: .4em; } } .report { position: relative; margin: 0; width: 100%; z-index: -2; } .report .sheet { position: relative; overflow: hidden; box-sizing: padding-box; /* page-break-after: always;*/ } /* Components */ .report .htk-grid { border-collapse: collapse; width: 100%; margin: 0 auto; padding: 0; } .report .htk-grid > thead > tr { border-bottom: .01em solid #333; height: 2em; background-color: initial; } .report .htk-grid > thead th { text-align: left; font-weight: normal; color: initial; } .report .htk-grid tr { height: 2em; border: initial; } .report .htk-grid > thead th, .report .htk-grid td { padding-left: .3em; } .report .htk-grid .cell-spin { text-align: right; }