body {
  /*background: rgb(204,204,204); */
}
page {
  background: white;
  display: block;
  margin: 0 auto;
  /*padding: 20px;*/
  margin-bottom: 0.5cm;
  /*box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);*/
}
page[size="A4"][layout="potrait"] {  
  width: 21cm;
  height: 29.7cm; 
}
page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;  
}
page[size="A3"] {
  width: 29.7cm;
  height: 42cm;
}
page[size="A3"][layout="landscape"] {
  width: 42cm;
  height: 29.7cm;  

}
page[size="A5"] {
  width: 14.8cm;
  height: 21cm;
}
page[size="A5"][layout="landscape"] {
  width: 21cm;
  height: 14.8cm;  
}
@media print {
  body, page {
    margin: 0;
    box-shadow: 0;
  }
}
th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
  /* Magic Numbers */
  translate(25px, 51px)
  /* 45 is really 360 - 45 */
  rotate(-90deg);
  width: 30px;
}
/*th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
  }*/
  th{
   font-size: 12pt !important;
   font-family: "Times New Roman", Times, serif;
   text-align: center;
   padding: 5px;

 }
 tr
 {
   font-size: 10pt !important;
   font-family: "Times New Roman", Times, serif;
   padding: 5px;
 }
 td{
  text-align: center;
}
.rata-kiri{
  text-align: left;
  padding: 5px;
}
@media print{
  
table.kegiatan
  {
    width: 100% !important;
    table-layout: fixed;
  }
}