<style>
    .BlurApp{
        background-attachment: fixed;
        backdrop-filter: blur(5px);
        opacity: 0.08;
    }
    .center{
        position: absolute;
        margin: auto;
        width: 50%;
        height: 50%;
        border: 3px solid green;
        padding: 10px;
        position: fixed;
        left: 50%;
        top: 20%;
        transform: translate(-50%, 0);     
        /* background-color: cyan;    */
        border-radius: 2rem;
        backdrop-filter: blur(5px);
        align-items: center;
        justify-content: center;
        justify-items: center;
    }
</style>
<div class="center">
    <h3>
        ISD Invoice Template
        will be available soon
    </h3>
</div>
<div class="row BlurApp">
    
<div class="col-12 ">
    <div class="row border">
        <div class="col-12 inv_title text-center">
            <h4><b>TAX INVOICE</b>
                <h4>
        </div>
    </div>
    
    <div class="row border-left border-right border-bottom">
    <br />
        <div class="col-4"><img src="pages/rane/rane.png" " /></div>
        <div class=" col-4">
            <div class="row">RANE BRAKE LINING LIMTED
            </div>
            <div class="row">company name and address</div>
            <div class="row">company name and address</div>
            <div class="row">company name and address</div>
        </div>
        <div class="col-4 text-center">
            <div class="col-8">
                (Under Section 31 of SGST Act CGST Act along with section 20 of IGST Act)
            </div>

        </div>
        <br /><br />
    </div>
    
    <div class="row border">
        <div class="col-5 border-right">
            <div class="row">
                <h5>Details of the Receiver (Billed to)</h5>
            </div>
            <div class="row">RANE BRAKE LINING LIMTED
            </div>
            <div class="row">company name and address</div>
            <div class="row">company name and address</div>
            <div class="row">company name and address</div>
        </div>
        <div class="col-7">
            <div class="row">IRN Details
            </div>
            <div class="row">
                <div class="col-6">
                    <br />
                    <br />
                    <div class="row">
                        <h6>Details of the company (Shipped to)</h6>
                    </div>
                    <div class="row">company name and address</div>
                    <div class="row">company name and address</div>
                    <div class="row">company name and address</div>
                </div>
                <div class="col-6 float-right">
                    <img src="qr/temp/testa06811ffd49a0edec164affb0124b57e.png" style="width:200px;height:200px"
                        id="qrcode" name="qrcode" title="QrCode Not Found" />
                </div>
            </div>
        </div>
    </div>
    <div class="row border-left border-right border-bottom">
        <div class="col-5 border-right">
            <div class="row"></div>
            <div class="row">Transport Name
            </div>
            <div class="row">R.No</div>
            <div class="row">Mode of transfer</div>
            <div class="row">Pan</div>
            <div class="row">GSTIN</div>

        </div>
        <div class="col-7">
            <div class="row"></div>
            <div class="row">Payment Term : 180 Days from
            </div>
            <div class="row">inco Terms</div>
            <div class="row">Insurance</div>

        </div>
    </div>
    <div class="row border-left border-right border-bottom">
        <br />
        <br />
        <table class="col-12">
            <thead>
                <tr>
                    <th>Sl. No.</th>
                    <th colspan="2">Part Number/HSN Code</th>
                    <th>Qty</th>
                    <th>UNIT</th>
                    <th>Rate (Per Item)</th>
                    <th>Total</th>
                    <th>Discount</th>
                    <th>Taxable</th>
                    <th>Rate</th>
                    <th>IGST Value</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td colspan="2">B613550013/ 87083000</td>
                    <td>50
                    </td>
                    <td>SET
                    </td>
                    <td>384.52
                    </td>
                    <td>19225.75
                    </td>
                    <td>0.00
                    </td>
                    <td>19225.75
                    </td>
                    <td>0.00
                    </td>
                    <td>0.00
                    </td>
                </tr>
                <tr>
                    <td>2</td>
                    <td colspan="2">B613550013/ 87083000</td>
                    <td>50
                    </td>
                    <td>SET
                    </td>
                    <td>370.01

                    </td>
                    <td>18500.25

                    </td>
                    <td>0.00
                    </td>
                    <td>18500.25

                    </td>
                    <td>0.00
                    </td>
                    <td>0.00
                    </td>
                </tr>
                <tr>
                    <td><br /><br /></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td><br /></td>
                    <td><br /></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td><br /><br /></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td><br /><br /></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr class="border">
                    <td colspan="10">Total Invoice Value</td>

                    <td>37726.00
                    </td>
                </tr>
                <tr class="border">
                    <td colspan="10">In Words : THIRTY SEVEN THOUSAND SEVEN HUNDRED AND TWENTY SIX ONLY</td>

                    <td>
                    </td>
                </tr>
                <tr>
                    <td colspan="10">Is payable under reverse charges : NO</td>

                    <td>
                    </td>
                </tr>
            </tbody>

        </table>

    </div>
    <div class="row border">
        <br />
        <br />
        <div class="col-8 text-center" style="font-weight:bold;padding:10px;">
            All transactions covered by this Invoice are subject to the terms and <br />
            conditions which have been agreed by the parties to the transaction.<br />
            <br />
            <br /><br />
        </div>
        <div class="col-2"></div>
        <div class="col-12 text-right" style="font-weight:bold;padding-right:20px;">
            Authorized Signatory
        </div>
    </div>
    <div class="row border">
        <div class="col-12 text-center" style="font-weight:bold;padding-right:20px;">
            Only if Footer
        </div>
    </div>
</div>
</div>
