/* Let’s add some style to our sheet and outer sheet */
body { 
    margin: 0; 
    font-family: Arial, Helvetica, sans-serif;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PV-Tables Out      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
    #customers table{
        border: 1px solid #bf1313;
    }
    #customers {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }
    
    #customers td, #customers th {
        /* border: 1px solid #ddd; */
        border: 1px solid #137ce5;
        padding: 3px;
    }
    
    /* #customers tr:nth-child(even){background-color: #f2f2f2;} */
    
    /* #customers tr:hover {background-color: #ddd;} */
    
    #customers th {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        background-color: #137ce5;
        color: white;
    }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PV-Tables Out      <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> A-4Page LayOut Out <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.sheet-outer {
    margin: 0;
}

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


/* To get look and feel like a printable page. Add the following code to the above style */
@media screen {
    body { 
        background: #e0e0e0 
    }
   
    .sheet {
        background: white;
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3); 
        margin: 5mm auto;
    }
}

/* Add the page size for A4 in mm. in  */
    /* @-Kill_For_F4 */
    /* .sheet-outer.A4 .sheet { 
        width: 210mm; 
        height: 296mm 
    } */
    /* .sheet.padding-5mm { padding: 5mm } */
/* Add the page size for A4 in mm. in  */

/* Add the page size for A4 in mm. in  */
    /* @-F4 Adoptation */
    .sheet-outer.A4 .sheet { 
        width: 215mm; 
        height: 330mm 
    }
    .sheet.padding-5mm { padding: 5mm }
/* Add the page size for A4 in mm. in  */

/* Last, you need set page size to A4 in CSS and media print option to set the size of your A4 layout  in*/
    /* @-Kill_For_F4 */
    /* @page {
        size: A4;
        margin: 0
    }
    @media print {
        .sheet-outer.A4, .sheet-outer.A5.landscape { 
            width: 210mm 
        }
    } */
/* Last, you need set page size to A4 in CSS and media print option to set the size of your A4 layout Out */

/* Last, you need set page size to A4 in CSS and media print option to set the size of your A4 layout  in*/
    /* @-F4 Adoptation */
    @page {
        size: legal;
        margin: 0
    }
    @media print {
        .sheet-outer.A4, .sheet-outer.A5.landscape { 
            width: 215mm 
        }
    }
/* Last, you need set page size to A4 in CSS and media print option to set the size of your A4 layout Out */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> A-4Page LayOut Out <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */