body
 {
  font-family:Arial, Helvetica, sans-serif;
  
  }
    @page {
        margin-left: 0mm;
        margin-right: 0mm;
        padding: 0.0cm;
        size: A4;
        size: portrait;
        -webkit-print-color-adjust: exact;
    }

    * {
        -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
        color-adjust: exact !important;                 /* Firefox 48 – 96 */
        print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
    }
    
     
    
.table { 
   display: table;
   clear: both;
   page-break-after: always;
   border:0px solid red;
   margin:0 auto;
}

.tr {
        display: table-row; 
        height:60mm !important;
}
.tc
{
    
    display: table-cell;  
    width:60mm !important;; 
    border:0px solid black;
    vertical-align: middle;
    
}


.innercell
{
    
    
    
    border:1px solid black;
    width:55mm !important;; 
    height:55mm !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    overflow:hidden;
}

.innercell-qr
{
    border:0px solid blue;
    width:59mm !important;; 
    height:59mm !important;
    margin-left: auto;
    margin-right: auto;
    display: flex;

    justify-content: center;
}

.qr
{
   margin:auto;
   width:30mm;
   height:30mm
}
 
 
.pagebreak {
        clear: both;
        page-break-after: always;
    }
 
 
  .info_outer
  {
    display:grid; height:15mm;
    //background:orange
  }

 .info
 {
        display:grid;
        font-size:5mm;
        width:55mm; 
        place-items: center;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
 }
 
 
 .year_outer
 {
    display:grid; height:12.5mm;
 }
 .year
 {
    display:grid;font-size:10mm;width:55mm; place-items: center;font-weight:bold;
 }
 
 .rotated
 {
    transform-origin: center;transform: rotate(180deg);
 }