{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: #2D2D2D !important;
        background: #2D2D2D !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: #2D2D2D !important;
            background: #2D2D2D !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">Combined Report</h4></center>
        <div class="clearfix"></div>
        <table class="table table-hover portlet light bg-inverse" >
            <tr>
                <th>Search By </th>
                <td colspan="5">{if !empty($fAge)} from age: {$fAge}    --{/if}{if !empty($toage)} to age: {$toage}  -- {/if}{if !empty($operation)} operation: {$operation}   -- {/if}{if !empty($termination)} termination: {$termination}   --  {/if}{if !empty($diagnosis)}diagnosis: {$diagnosis}    -- {/if}{if !empty($diagnosisant)}diagnosis antenal: {$diagnosisant}{/if}</td>
            </tr>
            <tr>
                <th>Total Patients</th>
                <td>{count($allPatients)}</td>
                <th>Total Result</th>
                <td>{count($allData)}</td>
                <th>Percentage</th>
                <td>{$percentage}%</td>
            </tr>
        </table>
        <br />
        <table class="table table-hover portlet light bg-inverse" id="repTable">
            <thead>
                <tr>
                    <th style="width: 10px !important;">#</th>
                    <th>
                        Patient Name
                    </th>
                    <th>Patient Number</th>
                    <th>Husband Name</th>
                    <th>
                        Age
                    </th>

                </tr>
            </thead>
            <tbody>
                {assign var="i" value="1"}
                {foreach $allData as $data}
                <tr class="odd">
                    <td>{$i}</td>
                    <td>
                        {$data.wifename}
                    </td>
                    <td>{$data.patientid}</td>
                    <td>{$data.husdandname}</td>
                    <td>
                        {$data.wifeage}
                    </td>

                </tr>
                {assign var="i" value={$i+1}}
                {/foreach}
            </tbody>
        </table>




        <div id="long" class="modal fade modal-scroll" tabindex="-1" data-replace="true">
            <div class="modal-dialog wds75">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close hidden-print" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title"></h4>
                    </div>
                    <div class="modal-body printtable" id="printd">
                        <center><h4 class="modal-title">Combined Report</h4></center>
                        <div class="clearfix"></div>
                        <table class="table table-hover portlet light bg-inverse" >
                            <tr>
                                <th>Search By </th>
                                <td colspan="5">{if !empty($fAge)} from age: {$fAge}    --{/if}{if !empty($toage)} to age: {$toage}  -- {/if}{if !empty($operation)} operation: {$operation}   -- {/if}{if !empty($termination)} termination: {$termination}   --  {/if}{if !empty($diagnosis)}diagnosis: {$diagnosis}    -- {/if}{if !empty($diagnosisant)}diagnosis antenal: {$diagnosisant}{/if}</td>
                            </tr>
                            <tr>
                                <th>Total Patients</th>
                                <td>{count($allPatients)}</td>
                                <th>Total Result</th>
                                <td>{count($allData)}</td>
                                <th>Percentage</th>
                                <td>{$percentage}%</td>
                            </tr>
                        </table>
                        <center><h4 class="modal-title">Patients</h4></center>
                        <table class="table table-hover portlet light bg-inverse" id="controllpropr">
                            <thead>
                                <tr>
                                    <th style="width: 10px !important;">#</th>
                                    <th>
                                        Patient Name
                                    </th>
                                    <th>Patient Number</th>
                                    <th>Husband Name</th>
                                    <th>
                                        Age
                                    </th>

                                </tr>
                            </thead>
                            <tbody>
                                {assign var="i" value="1"}
                                {foreach $allData as $data}
                                <tr class="odd">
                                    <td>{$i}</td>
                                    <td>
                                        {$data.wifename}
                                    </td>
                                    <td>{$data.patientid}</td>
                                    <td>{$data.husdandname}</td>
                                    <td>
                                        {$data.wifeage}
                                    </td>

                                </tr>
                                {assign var="i" value={$i+1}}
                                {/foreach}
                        </table>
                    </div>
                </div>
            </div>
        </div>



        {literal}
        <script type="text/javascript" >
            $('#repTable').dataTable();
        </script>
        {/literal}

    </div>