body.A3 .sheet {
    width: 297mm;
    height: calc(419mm - 20mm);
}

body.A3.landscape .sheet {
    width: 420mm;
    height: calc(296mm - 20mm);
}

body.A4 .sheet {
    width: 210mm;
    height: calc(296mm - 20mm);
}

body.A4.landscape .sheet {
    width: 297mm;
    height: calc(209mm - 20mm);
}

body.A5 .sheet {
    width: 148mm;
    height: calc(209mm - 20mm);
}

body.A5.landscape .sheet {
    width: 210mm;
    height: calc(147mm - 20mm);
}

body.letter .sheet {
    width: 216mm;
    height: calc(279mm - 20mm);
}

body.letter.landscape .sheet {
    width: 280mm;
    height: calc(215mm - 20mm);
}

body.legal .sheet {
    width: 216mm;
    height: calc(356mm - 20mm);
}

body.legal.landscape .sheet {
    width: 357mm;
    height: calc(215mm - 20mm);
}

@media print {

    body {
        font-size: 12pt !important;
    }

    body.A3.landscape {
        width: 420mm;
    }

    body.A3,
    body.A4.landscape {
        width: 297mm;
        size: A4 landscape;
    }

    body.A4,
    body.A5.landscape {
        width: 210mm
    }

    body.A5 {
        width: 148mm
    }

    body.letter,
    body.legal {
        width: 216mm
    }

    body.letter.landscape {
        width: 280mm;
    }

    body.legal.landscape {
        width: 357mm;
    }
}

@media screen {
    .sheet {
        /* background: white; */
        /* box-shadow: 0 .5mm 2mm rgba(0, 0, 0, .3); */
        margin: 5mm auto;
        font-family: "Arial Narrow";
        font-size: 12pt;
        box-sizing: border-box;
        page-break-after: avoid;
    }
}

.pages {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
}

@media print {
    body {
        margin: 0;
    }

    .pages {
        box-shadow: unset !important;
        page-break-before: avoid;
    }

    @page margin-normal {
        padding: 25.4mm;
    }

    @page margin-narow {
        padding: 12.7mm;
    }

    @page margin-wide {
        padding-top: 2.54cm;
        padding-left: 5.08cm;
        padding-right: 5.08cm;
        padding-bottom: 2.54cm;
    }

    @page margin-custom {
        padding-top: 0.5cm;
        padding-left: 2.5cm;
        padding-right: 2cm;
        padding-bottom: 2cm;
    }

    div.margin-normal {
        page: margin-normal;
    }

    div.margin-custom {
        page: margin-custom;
    }

    div.margin-narrow {
        page: margin-narow;
    }

    div.margin-wide {
        page: margin-wide;
    }
}

.pages.margin-narrow {
    padding: 1.27cm;
}

.pages.margin-custom {
    padding-top: 0.5cm;
    padding-left: 2.5cm;
    padding-right: 2cm;
    padding-bottom: 2cm;
}

.pages.margin-normal {
    padding: 2.54cm;
}

.pages.margin-wide {
    padding-top: 2.54cm;
    padding-left: 5.08cm;
    padding-right: 5.08cm;
    padding-bottom: 2.54cm;
}


.page {

    min-height: 20rem;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
    padding: 10px;
    background: white;
}

.logo-print {
    height: 95px;
    width: 95px;
    float: left;
}

.hr-print {
    border: 1pt solid;
    margin-top: 0.3px;
    margin-bottom: 20px;
}

.top {
    font-size: 14pt;
    color: #000;
}

#header {
    border-bottom: 3px solid #000;
    /* padding-bottom: 10px; */
    line-height: 24.1px;
}

.has-text-centered {
    text-align: center;
}

.margin-top-80 {
    margin-top: 80pt;
}

@media print {

    /* All your print styles go here */
    .copyright::before {
        content: '\ ©CopyRight - SID Version 1.0.3 Kalijambe';
        position: absolute;
        /* bottom: 0; */
        bottom: 0;
        font-size: 8pt;
    }
}

sub {
    top: -0.25em !important;
}