{literal}
<style>


    .prntbl2 {
        padding:0px !important;
        width:95% !important;
        margin:0px auto !important;
    }.prntbl2 table{
        border-collapse: collapse !important;
        width:100% !important;
        margin:0px !important;
        padding:0px !important;
    }
    .prntbl2 table th {
        background-color: #666 !important;
        background: #666 !important;
        border:0px solid #000000 !important;
        border-width:0px 0px 1px 1px !important;
        font-size:15px !important;
        font-family:Arial !important;
        font-weight:bold !important;
        color: #FFFFFF !important;
        text-align: center !important;
    }.prntbl2 tr:hover td{

    }
    .prntbl2 tr:nth-child(odd){background-color: #E0E0E0 !important;}
    .prntbl2 tr:nth-child(even)    { background-color:#ffffff !important; }
    .prntbl2 td{
        border:1px solid #000000 !important;
        padding: 0px 3px !important;
        font-size: 13px !important;
        font-family: tahoma !important;
        color:#000000 !important;
        text-align: left !important;
    }


    .prntbl2 th, .prntbl2 tt, .prntbl2 td {
        line-height: 20px !important;
        padding: 1px 5px !important;


    }

    .prntbl2 span {
        font-weight: 700;
    }

</style>

{/literal}
<div class="prntbl2">
    {literal}
    <style>


        .prntbl2 {
            padding:0px !important;
            width:95% !important;
            margin:0px auto !important;
        }.prntbl2 table{
            border-collapse: collapse !important;
            width:100% !important;
            margin:0px !important;
            padding:0px !important;
        }
        .prntbl2 table th {
            background-color: #666 !important;
            background: #666 !important;
            border:0px solid #000000 !important;
            border-width:0px 0px 1px 1px !important;
            font-size:15px !important;
            font-family:Arial !important;
            font-weight:bold !important;
            color: #FFFFFF !important;
            text-align: center !important;
        }.prntbl2 tr:hover td{

        }
        .prntbl2 tr:nth-child(odd){background-color: #E0E0E0 !important;}
        .prntbl2 tr:nth-child(even)    { background-color:#ffffff !important; }
        .prntbl2 td{
            border:1px solid #000000 !important;
            padding: 0px 3px !important;
            font-size: 13px !important;
            font-family: tahoma !important;
            color:#000000 !important;
            text-align: left !important;
        }


        .prntbl2 th, .prntbl2 tt, .prntbl2 td {
            line-height: 20px !important;
            padding: 1px 5px !important;


        }

        .prntbl2 span {
            font-weight: 700;
        }

    </style>

    {/literal}
    <div class="prntbl2">
        <!--center><h4 class="modal-title">Financial Report</h4></center-->
        <table class="table table-hover portlet light bg-inverse" style="width: 49% !important ; display: inline-table;">
            <tbody>
                {foreach $cats as $cat}
                <tr>
                    <th colspan="2">     {$cat.catName}  </th>
                </tr>
                <tr>
                    <th>   Test Name.</th>
                    <th>   Test No.</th>
                </tr>
                {foreach $cat.invests as $invest}
                <tr>
                    <td> {$invest.invName} </td>
                    <td> {$invest.testsNo} </td>
                </tr>
                {/foreach}
                {/foreach}
            </tbody>
        </table>

        <table class="table table-hover portlet light bg-inverse" style="width: 49% !important ; display: inline-table;">
            <tbody>
                {foreach $suppCats as $suppCat}
                <tr>
                    <th colspan="2">     {$suppCat.catName}  </th>
                </tr>
                <tr>
                    <th>   Test Name.</th>
                    <th>   Test No.</th>
                </tr>
                {foreach $suppCat.supplies as $invest}
                <tr>
                    <td> {$invest.supplyName} </td>
                    <td> {$invest.testsNo} </td>
                </tr>
                {/foreach}
                {/foreach}
            </tbody>
        </table>
    </div>