body {
    margin: 10mm 10mm 10mm 10mm;
    padding: 0;
    background-color: #FAFAFA;
    font-size: 14px;
    font-family: "Calibri", sans-serif;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

td {
    padding: 8px;
}

svg {
    width: auto !important;
}

svg:hover {
    width: auto !important;
 }

@page {
    size: A4;
    margin: 20mm 10mm 20mm 10mm;
}

@media print {
    .page {
        -webkit-print-color-adjust: exact;
        margin: 20mm 10mm 20mm 10mm;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }
}

/* Device = Laptops, Desktops */
@media (min-width: 1025px) {
    .page-ini {
        width: 700px;
        margin: auto;
        text-align: justify;
    }
}

/* Device = Tablets, Ipads (portrait) */
@media (min-width: 768px) and (max-width: 1024px) {
    .page-ini {
        width: 600px;
        margin: auto;
        text-align: justify;
    }
}

/* Device = Tablets, Ipads (portrait) */
@media (min-width: 480px) and (max-width: 768px) {
    .page-ini {
        width: 600px;
        margin: auto;
        text-align: justify;
    }
}

/* Device = Tablets, Ipads (landscape) */
@media (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
    .page-ini {
        width: 90%;
        margin: auto;
        text-align: justify;
    }
}


/* Most of the Smartphones Mobiles (Portrait) */
@media (max-width: 480px) {
    .page-ini {
        width: 95%;
        margin: auto;
        text-align: justify;
    }
}