.invoice-box {

        width: 21cm;

        height: 29.7cm;

        position: relative;

        max-width: 800px;

        margin: auto;

        font-size: 14px;

        line-height: 20px;

        font-family: Calibri, 'Trebuchet MS', sans-serif;



    }



    .invoice-box table {

        width: 100%;

        line-height: inherit;

        text-align: left;

    }



    .invoice-box table td {

        padding: 5px;

        vertical-align: top;

    }



    .invoice-box table tr td .tbl-top tr td:nth-child(2) {

        text-align: right;

    }



    .invoice-box table tr.top table td {

        padding-bottom: 20px;

    }



    .invoice-box table tr.top table td.title {

        font-size: 45px;

        line-height: 45px;

        color: #333;

    }



    .invoice-box table tr.information table td {

        padding-bottom: 30px;

    }



    .invoice-box table tr.heading-2 td {

        font-weight: bold;

        text-align: left;

        font-size: 12px;

        margin-bottom: 20px;

    }



    .invoice-box table tr.heading td {

        background: #eee;

        font-weight: bold;

    }



   .invoice-box table.sales_conditions_tbl {

        margin-top: 20px;

    }



    .invoice-box table tr.details td, .invoice-box table tr.sales_conditions td {

        padding-bottom: 5px;

        font-weight: bold;

    }



    .invoice-box table tr.details td:nth-child(2), .invoice-box table tr.sales_conditions td:nth-child(2) {

        text-align: left;

        font-weight: normal;

    }



    .invoice-box table tr.details td:nth-child(4), .invoice-box table tr.sales_conditions td:nth-child(4) {

        text-align: right;

    }



    .invoice-box table tr.item td {

        border-bottom: 1px solid #eee;

    }



    .invoice-box table tr.total td:nth-child(2) {

        border-top: 2px solid #eee;

        font-weight: bold;

    }



    .invoice-box table tr.image td {

        height: 450px;

    }



    .invoice-box table tr.image td img {

        max-height: 800px;

        object-fit: contain;

    }



    .invoice-box table tr.image-header td h1 {

        text-align: center;

        font-size: 21px;

        font-weight: bold;

    }



    .footer {

        max-width: 800px;

        position: absolute;

        bottom: 0;

        margin: 0;

        padding: 0;

        width: 100%;

    }



    .footer img {

        width: 100%;

    }



    .section2 table tr.details td {

        border: 1px solid #000;

        font-weight: bold;



    }



    .section2 .section2-heading h3 {

        font-weight: bold;

        font-size: 16px;

    }



    .section2 .detail-lists {

        margin-top: 15px;

        position: relative !important;

        z-index: 9999 !important;

    }



    .section2 table {



        position: relative !important;

        z-index: 9999 !important;

    }



    .section2 .detail-lists h3 {

        font-weight: bold;

        font-size: 16px;

        margin-bottom: 10px;

        margin-top: 15px;

    }



    .section2 .detail-lists ul {

        list-style: disc;

        padding-left: 35px;

    }



    .section2 .detail-lists ul li {

        font-size: 16px;

    }





    @media only screen and (max-width: 600px) {

        .invoice-box table tr.top table td {

            width: 100%;

            display: block;

            text-align: center;

        }



        .invoice-box table tr.information table td {

            width: 100%;

            display: block;

            text-align: center;

        }

    }



    /** RTL **/

    .rtl {

        direction: rtl;

        font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;

    }



    .rtl table {

        text-align: right;

    }



    .rtl table tr td:nth-child(2) {

        text-align: left;

    }