/*@media print {
    body {
        padding: 0px 8px;
        margin: 0;
    }

    @page {
        size: A4;
    }
    #head {
        display:block;
        display: flex;
    }
    #body h2 {
        text-align: left !important;
    }

    img {
        display: block !important;
        height: 150px;
        width: fit-content;
        margin-top: -15px;
    }
    #title h2{
        font-size:40px;
        margin-top:10px !important;
    }
    #title p{
        font-size:15px;;
    }
    #footer {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
        #footer p {
            display: block;
            position: absolute !important;
            bottom: 0 !important;
            font-size: 10px !important;
            justify-content: center !important;
        }
    .form-label{
        font-size:12px !important;
        margin-bottom:0 !important;
    }
    .table {
        font-size: 12px !important;
        margin-top:20px !important;
    }
        .table thead tr th {
            border: 1px solid black !important;
        }

        .table tbody tr td {
            border: 1px solid black !important;
        }
            .table tbody tr td:last-child {
                text-align: right;
                vertical-align: inherit;
            }
        .table tfoot tr td:first-child {
            border-right: 1px solid black !important;
            border-left: hidden;
            border-bottom: hidden;
        }
        .table tfoot tr td:not(:first-child) {
            border: 1px solid black !important;
            text-align: right;
            vertical-align: inherit;
        }
    #addr{
        margin-bottom:20px;
    }
    #baddress {
        font-size: 16px;
        font-weight: bold;
    }
    #saddress {
        font-size: 16px;
        font-weight: bold;
    }
}
*/

/*---------------------------------------- New Code -------------------------*/
@media print {
    @import url('https://fonts.googleapis.com/css?family=Roboto');
    /* Standard print styles */
    * {
        font-family: Roboto !important;
    }
    body {
        padding: 0px 5px 0px 5px !important;
        margin: 0 !important;
        color: black !important;
        /*font-family: Roboto !important;*/
        box-sizing:border-box;
    }

    @page {
        size: A4;
        margin: 20px;
        margin-bottom: 2px !important;
    }
    header, footer {
        display: none !important;
    }
    #head {
        display: block;
        display: flex;
        width:100%;
    }
    #print-body{
        width:100%;
    }
    #print-body h2 {
        text-align: left !important;
    }
    #logo{
        width:65%;
        float:left;
    }
        #logo img {
            display: block !important;
            height: 130px;
            width: fit-content;
            /*margin-top: -3px;*/
            margin-left:-5px !important;
        }
    #title {
        width: 35%;
        float: right;
    }
        #title h2 {
            font-size: 15px;
            margin-top: 10px !important;
        }

        #title p {
            font-size: 12px;
            margin: 5px 0; /* Adjust the vertical margin as needed */
            padding: 0;
        }
    #addr {
        margin-bottom: 20px;
        width:100%;
    }
        #addr .bill {
            width: 32.5%;
            float: left;
        }
        #addr .ship {
            width: 32.5%;
            float: left;
        }
        #addr .info {
            width: 35%;
            float: right;
        }

    #footers {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        #footers p {
            display: block;
            font-size: 10px !important;
            justify-content: center !important;
            border-top: 1px solid black !important;
            width: 100% !important;
        }

    .form-label {
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }

    .table {
        font-size: 12px !important;
        margin-top: 20px !important;
    }

        .table thead tr th {
            border: 1px solid black !important;
            /*background-color:black !important;
            color:white !important;*/
        }

        .table tbody tr td {
            border: 1px solid black !important;
            
            white-space: nowrap !important; /* Example to prevent text wrapping */
        }

            .table tbody tr td:last-child {
                text-align: right;
                vertical-align: inherit;
            }

        /*.table tfoot tr td:first-child {
            border-right: 1px solid black !important;
            border-left: hidden;
            border-bottom: hidden;
        }

        .table tfoot tr td:not(:first-child) {
            border: 1px solid black !important;
            text-align: right;
            vertical-align: inherit;
        }*/

    #baddress {
        font-size: 16px;
        font-weight: bold;
    }

    #saddress {
        font-size: 16px;
        font-weight: bold;
    }
    .inbottom{
        position:absolute;
        bottom:0;
    }
    .form-label{
        font-size:15px !important;
    }
}

/* Firefox-specific styles */
/*@supports (-moz-appearance: none) {
    @media print {
        ::moz-page {*/
            /* Firefox-specific styles for each printed page */
            /*margin: 2cm;*/ /* Adjust margin for Firefox printed pages */
        /*}

        #head {
            display: block;
            display: flex;
        }

        #body h2 {
            text-align: left !important;
        }

        img {
            display: block !important;
            height: 150px !important;
            width: 150px !important;
            margin-top: -15px;
            float:left !important;
        }

        #title h2 {
            font-size: 40px !important;
            margin-top: 10px !important;
        }

        #title p {
            font-size: 15px;
        }

        #footer {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
        }

            #footer p {
                display: block;
                position: absolute !important;
                bottom: 0 !important;
                font-size: 10px !important;
                justify-content: center !important;
            }

        .form-label {
            font-size: 12px !important;
            margin-bottom: 0 !important;
        }

        .table {
            font-size: 12px !important;
            margin-top: 20px !important;
        }

            .table thead tr th {
                border: 1px solid black !important;
            }

            .table tbody tr td {
                border: 1px solid black !important;
            }

                .table tbody tr td:last-child {
                    text-align: right;
                    vertical-align: inherit;
                }

            .table tfoot tr td:first-child {
                border-right: 1px solid black !important;
                border-left: hidden;
                border-bottom: hidden;
            }

            .table tfoot tr td:not(:first-child) {
                border: 1px solid black !important;
                text-align: right;
                vertical-align: inherit;
            }

        #addr {
            margin-bottom: 20px;
        }

        #baddress {
            font-size: 16px;
            font-weight: bold;
        }

        #saddress {
            font-size: 16px;
            font-weight: bold;
        }
    }
}*/