@page {    
    margin: 0 
}

.page {
    margin: 0;
    box-shadow: 6px 7px 3px rgba(0, 0, 0, 0.19);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px solid gray;
    margin: auto;
    margin-top: 35px;
    margin-bottom: 35px;
    zoom: 1;
    position: relative;
    background-color: white;
    padding: 0;
    overflow-x: hidden;
    overflow: visible;
}

.page-design {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;    
}

.page-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.page-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


/** Paper sizes **/


.a3            { width: 297mm; min-height: 419mm }
.a3.landscape  { width: 420mm; min-height: 296mm }
.a4            { width: 210mm; min-height: 296mm }
.a4.landscape  { width: 297mm; min-height: 209mm }
.a5            { width: 148mm; min-height: 209mm }
.a5.landscape  { width: 210mm; min-height: 147mm }


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




/** Fix for Chrome issue #273306 **/
@media print {
    html, body {
        width: 100%;
        height: 100%;
        background-color: white;
    }

    .page {
        border: none;
        margin: 0 auto;
        background-color: white;
        box-shadow: none;
        border: 1px solid #dedede;
        page-break-after: always;
        overflow-x: hidden;
    }


    .print-dialog {
        background-color: white;
        display: block;
        position: relative;
        overflow: visible;        
    }

    .hide-not-ready.ready.no-print,
    .no-print {
        background:red;
        display: none;
    }
}