/* ========================================
   RECEIPT PRINTING
======================================== */

@media print {

    @page {
        margin: 10mm;
    }

    body {
        background: white !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
       Hide everything by default.
    */

    body * {
        visibility: hidden;
    }


    /*
       Show only the receipt.
    */

    .receipt,
    .receipt * {
        visibility: visible;
    }


    /*
       Remove the normal screen styling
       from the printed receipt.
    */

    .receipt {
        position: absolute;

        left: 0;
        top: 0;

        width: 100%;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        background: white !important;
    }


    /*
       Hide navigation, buttons,
       and other screen-only elements.
    */

    .no-print {
        display: none !important;
    }

}