/* origin: https://github.com/cognitom/paper-css/blob/master/paper.css */

.paper {
  margin: 0;
}
.sheet {
  margin: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  page-break-after: always;
}

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

.sheet.padding-10mm {
  padding: 10mm;
}
.sheet.padding-15mm {
  padding: 15mm;
}
.sheet.padding-20mm {
  padding: 20mm;
}
.sheet.padding-25mm {
  padding: 25mm;
}

@media screen {
  .sheet {
    background: #ffffff;
    padding: 0;
  }
}

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