/* paper.css */
/*https://github.com/cognitom/paper-css*/

/* @page { margin: 0 } */
#print {
  margin: 0;
  font-family: -apple-system, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", メイリオ, meiryo, sans-serif;
}
.sheet {
  margin: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  page-break-after: always;
}

/** Paper sizes **/
#print.A3 .sheet {
  width: 297mm;
  height: 419mm;
}
#print.A3.landscape .sheet {
  width: 420mm;
  height: 296mm;
}
#print.A4 .sheet {
  width: 210mm;
  height: 297mm;
}
#print.A4.landscape .sheet {
  width: 297mm;
  height: 209mm;
}
#print.A5 .sheet {
  width: 148mm;
  height: 209mm;
}
#print.A5.landscape .sheet {
  width: 210mm;
  height: 147mm;
}
#print.letter .sheet {
  width: 216mm;
  height: 279mm;
}
#print.letter.landscape .sheet {
  width: 280mm;
  height: 215mm;
}
#print.legal .sheet {
  width: 216mm;
  height: 356mm;
}
#print.legal.landscape .sheet {
  width: 357mm;
  height: 215mm;
}

/** Padding area **/
.sheet.padding-10mm {
  padding: 10mm;
}
.sheet.padding-15mm {
  padding: 15mm;
}
.sheet.padding-20mm {
  padding: 20mm;
}
.sheet.padding-25mm {
  padding: 25mm;
}

/** For screen preview **/
@media screen {
  body {
    background: #e0e0e0;
    height: 100%;
  }
  .sheet {
    /* margin: 5mm auto; */
    padding: 5mm 0;
  }
}

/** Fix for Chrome issue #273306 **/
@media print {
  #print.A3.landscape {
    width: 420mm;
  }
  #print.A3,
  #print.A4.landscape {
    width: 297mm;
  }
  #print.A4,
  #print.A5.landscape {
    width: 210mm;
  }
  #print.A5 {
    width: 148mm;
  }
  #print.letter,
  #print.legal {
    width: 216mm;
  }
  #print.letter.landscape {
    width: 280mm;
  }
  #print.legal.landscape {
    width: 357mm;
  }
}