{literal}
<style>
    .addressDetails{
        //  margin-left: 45px !important;
    }
</style>
{/literal}

<table class="table table-bordered table-striped table-hover  rtl" >
    <thead>
        <tr>
            <th class="wds20">عدد الحالات    :  </th>
            <td> {$totalResult}</td>
        </tr>
    </thead>
</table>


<div style="max-width: 1650px;max-height: 600px;overflow: auto;white-space: nowrap;">   

    <table class="table table-bordered table-striped table-hover rtl " >
        <tr>
            <th>م </th>
            <th>جنسية الزوجة    </th>  
            <th>جنسية الزوج    </th> 
            <th class="wds10">  </th>
        </tr>
        {assign var=i value=1}
        {foreach $nationalities as $nationality}
        <tr>
            <td> {$i}</td>
            <td>{if $nationality.nationalityId > 0 }  {$nationality.nationalityName}   {else} لا يوجد     {/if}    </td> 
            <td> {if $nationality.h_nationalityId > 0 }  {$nationality.hnationalityName}   {else} لا يوجد     {/if}         </td> 
            <td> 
                <a class="btn blue btn-xs nationalityDetails   " data-nationalityId="{$nationality.nationalityId}" 
                   data-h_nationalityId="{$nationality.h_nationalityId}"  href="javascript:;"  >
                    {$nationality.patientsCount} <i class="fa fa-eye fleft"></i>
                </a> 
            </td>
        </tr>
        {/foreach}
    </table>
</div>