diff --git a/ui/ui/hotspot.tpl b/ui/ui/hotspot.tpl
index d083d0b8..3df4710d 100644
--- a/ui/ui/hotspot.tpl
+++ b/ui/ui/hotspot.tpl
@@ -35,8 +35,8 @@
                             <select class="form-control" id="type2" name="type2">
                                 <option value="">{Lang::T('Type')}</option>
                                 {foreach $type2s as $t}
-                                    <option value="{$t}" {if $type2 eq $t }selected{/if}>{Lang::T($t)}
-                                    </option>
+                                <option value="{$t}" {if $type2 eq $t }selected{/if}>{Lang::T($t)}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -44,9 +44,9 @@
                             <select class="form-control" id="bandwidth" name="bandwidth">
                                 <option value="">Bandwidth</option>
                                 {foreach $bws as $b}
-                                    <option value="{$b['id']}" {if $bandwidth eq $b['id'] }selected{/if}>
-                                        {$b['name_bw']}
-                                    </option>
+                                <option value="{$b['id']}" {if $bandwidth eq $b['id'] }selected{/if}>
+                                    {$b['name_bw']}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -54,8 +54,8 @@
                             <select class="form-control" id="type3" name="type3">
                                 <option value="">{Lang::T('Category')}</option>
                                 {foreach $type3s as $t}
-                                    <option value="{$t}" {if $type3 eq $t }selected{/if}>{$t}
-                                    </option>
+                                <option value="{$t}" {if $type3 eq $t }selected{/if}>{$t}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -63,8 +63,8 @@
                             <select class="form-control" id="valid" name="valid">
                                 <option value="">{Lang::T('Validity')}</option>
                                 {foreach $valids as $v}
-                                    <option value="{$v}" {if $valid eq $v }selected{/if}>{$v}
-                                    </option>
+                                <option value="{$v}" {if $valid eq $v }selected{/if}>{$v}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -72,7 +72,7 @@
                             <select class="form-control" id="router" name="router">
                                 <option value="">{Lang::T('Location')}</option>
                                 {foreach $routers as $r}
-                                    <option value="{$r}" {if $router eq $r }selected{/if}>{$r}</option>
+                                <option value="{$r}" {if $router eq $r }selected{/if}>{$r}</option>
                                 {/foreach}
                                 <option value="radius" {if $router eq 'radius' }selected{/if}>Radius</option>
                             </select>
@@ -81,7 +81,7 @@
                             <select class="form-control" id="device" name="device">
                                 <option value="">{Lang::T('Device')}</option>
                                 {foreach $devices as $r}
-                                    <option value="{$r}" {if $device eq $r }selected{/if}>{$r}</option>
+                                <option value="{$r}" {if $device eq $r }selected{/if}>{$r}</option>
                                 {/foreach}
                             </select>
                         </div>
@@ -104,38 +104,40 @@
                 </div>
             </form>
             <div class="table-responsive">
-                <table class="table table-bordered table-striped table-condensed">
-                    <thead>
-                        <tr>
-                            <th></th>
-                            <th colspan="5" class="text-center">{Lang::T('Internet Package')}</th>
-                            <th colspan="2" class="text-center" style="background-color: rgb(246, 244, 244);">{Lang::T('Limit')}</th>
-                            <th colspan="2"></th>
-                            <th colspan="2" class="text-center" style="background-color: rgb(243, 241, 172);">
-                                {Lang::T('Expired')}</th>
-                            <th colspan="3"></th>
-                        </tr>
-                        <tr>
-                            <th>{Lang::T('Name')}</th>
-                            <th>{Lang::T('Type')}</th>
-                            <th><a href="{$_url}bandwidth/list">Bandwidth</a></th>
-                            <th>{Lang::T('Category')}</th>
-                            <th>{Lang::T('Price')}</th>
-                            <th>{Lang::T('Validity')}</th>
-                            <th style="background-color: rgb(246, 244, 244);">{Lang::T('Time')}</th>
-                            <th style="background-color: rgb(246, 244, 244);">{Lang::T('Data')}</th>
-                            <th><a href="{$_url}routers/list">{Lang::T('Location')}</a></th>
-                            <th>{Lang::T('Device')}</th>
-                            <th style="background-color: rgb(243, 241, 172);">{Lang::T('Internet Package')}</th>
-                            <th style="background-color: rgb(243, 241, 172);">{Lang::T('Date')}</th>
-                            <th>{Lang::T('ID')}</th>
-                            <th>{Lang::T('Manage')}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {foreach $d as $ds}
+                <div style="margin-left: 5px; margin-right: 5px;">
+                    <table class="table table-bordered table-striped table-condensed">
+                        <thead>
+                            <tr>
+                                <th></th>
+                                <th colspan="5" class="text-center">{Lang::T('Internet Package')}</th>
+                                <th colspan="2" class="text-center" style="background-color: rgb(246, 244, 244);">
+                                    {Lang::T('Limit')}</th>
+                                <th colspan="2"></th>
+                                <th colspan="2" class="text-center" style="background-color: rgb(243, 241, 172);">
+                                    {Lang::T('Expired')}</th>
+                                <th colspan="3"></th>
+                            </tr>
+                            <tr>
+                                <th>{Lang::T('Name')}</th>
+                                <th>{Lang::T('Type')}</th>
+                                <th><a href="{$_url}bandwidth/list">Bandwidth</a></th>
+                                <th>{Lang::T('Category')}</th>
+                                <th>{Lang::T('Price')}</th>
+                                <th>{Lang::T('Validity')}</th>
+                                <th style="background-color: rgb(246, 244, 244);">{Lang::T('Time')}</th>
+                                <th style="background-color: rgb(246, 244, 244);">{Lang::T('Data')}</th>
+                                <th><a href="{$_url}routers/list">{Lang::T('Location')}</a></th>
+                                <th>{Lang::T('Device')}</th>
+                                <th style="background-color: rgb(243, 241, 172);">{Lang::T('Internet Package')}</th>
+                                <th style="background-color: rgb(243, 241, 172);">{Lang::T('Date')}</th>
+                                <th>{Lang::T('ID')}</th>
+                                <th>{Lang::T('Manage')}</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {foreach $d as $ds}
                             <tr {if $ds['enabled'] !=1}class="danger" title="disabled" {elseif $ds['prepaid'] !='yes'
-                                                            }class="warning" title="Postpaid" {/if}>
+                                }class="warning" title="Postpaid" {/if}>
                                 <td class="headcol">{$ds['name_plan']}</td>
                                 <td>{if $ds['prepaid'] == no}<b>Postpaid</b>{else}Prepaid{/if} {$ds['plan_type']}</td>
                                 <td>{$ds['name_bw']}</td>
@@ -146,11 +148,11 @@
                                 <td>{$ds['data_limit']} {$ds['data_unit']}</td>
                                 <td>
                                     {if $ds['is_radius']}
-                                        <span class="label label-primary">RADIUS</span>
+                                    <span class="label label-primary">RADIUS</span>
                                     {else}
-                                        {if $ds['routers']!=''}
-                                            <a href="{$_url}routers/edit/0&name={$ds['routers']}">{$ds['routers']}</a>
-                                        {/if}
+                                    {if $ds['routers']!=''}
+                                    <a href="{$_url}routers/edit/0&name={$ds['routers']}">{$ds['routers']}</a>
+                                    {/if}
                                     {/if}
                                 </td>
                                 <td>{$ds['device']}</td>
@@ -163,13 +165,14 @@
                                     <a href="{$_url}services/edit/{$ds['id']}"
                                         class="btn btn-info btn-xs">{Lang::T('Edit')}</a>
                                     <a href="{$_url}services/delete/{$ds['id']}" id="{$ds['id']}"
-                                        onclick="return confirm('{Lang::T('Delete')}?')" class="btn btn-danger btn-xs"><i
-                                            class="glyphicon glyphicon-trash"></i></a>
+                                        onclick="return confirm('{Lang::T('Delete')}?')"
+                                        class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                 </td>
                             </tr>
-                        {/foreach}
-                    </tbody>
-                </table>
+                            {/foreach}
+                        </tbody>
+                    </table>
+                </div>
             </div>
             <div class="panel-footer">
                 {include file="pagination.tpl"}
@@ -182,4 +185,4 @@
     </div>
 </div>
 
-{include file="sections/footer.tpl"}
+{include file="sections/footer.tpl"}
\ No newline at end of file
diff --git a/ui/ui/plan.tpl b/ui/ui/plan.tpl
index 4cf71280..3cca5861 100644
--- a/ui/ui/plan.tpl
+++ b/ui/ui/plan.tpl
@@ -5,19 +5,19 @@
         <div class="panel panel-hovered mb20 panel-primary">
             <div class="panel-heading">
                 {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
-                    <div class="btn-group pull-right">
-                        <a class="btn btn-primary btn-xs" title="save" href="{$_url}plan/sync"
-                            onclick="return confirm('This will sync/send Caustomer active plan to Mikrotik?')"><span
-                                class="glyphicon glyphicon-refresh" aria-hidden="true"></span> sync</a>
-                    </div>
-                    {* <div class="btn-group pull-right">
-                        <a class="btn btn-info btn-xs" title="save" href="{$_url}plan/csv{$append_url}"
-                            onclick="return confirm('This will export to CSV?')"><span class="glyphicon glyphicon-download"
-                                aria-hidden="true"></span> CSV</a>
-                    </div> *}
+                <div class="btn-group pull-right">
+                    <a class="btn btn-primary btn-xs" title="save" href="{$_url}plan/sync"
+                        onclick="return confirm('This will sync/send Caustomer active plan to Mikrotik?')"><span
+                            class="glyphicon glyphicon-refresh" aria-hidden="true"></span> sync</a>
+                </div>
+                {* <div class="btn-group pull-right">
+                    <a class="btn btn-info btn-xs" title="save" href="{$_url}plan/csv{$append_url}"
+                        onclick="return confirm('This will export to CSV?')"><span class="glyphicon glyphicon-download"
+                            aria-hidden="true"></span> CSV</a>
+                </div> *}
                 {/if}
                 &nbsp;
-{Lang::T('Active Customers')}
+                {Lang::T('Active Customers')}
             </div>
             <form id="site-search" method="post" action="{$_url}plan/list/">
                 <div class="panel-body">
@@ -36,8 +36,8 @@
                             <select class="form-control" id="router" name="router">
                                 <option value="">{Lang::T('Location')}</option>
                                 {foreach $routers as $r}
-                                    <option value="{$r}" {if $router eq $r }selected{/if}>{$r}
-                                    </option>
+                                <option value="{$r}" {if $router eq $r }selected{/if}>{$r}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -45,8 +45,8 @@
                             <select class="form-control" id="plan" name="plan">
                                 <option value="">{Lang::T('Plan Name')}</option>
                                 {foreach $plans as $p}
-                                    <option value="{$p['id']}" {if $plan eq $p['id'] }selected{/if}>{$p['name_plan']}
-                                    </option>
+                                <option value="{$p['id']}" {if $plan eq $p['id'] }selected{/if}>{$p['name_plan']}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -70,33 +70,34 @@
                 </div>
             </form>
             <div class="table-responsive">
-                <table id="datatable" class="table table-bordered table-striped table-condensed">
-                    <thead>
-                        <tr>
-                            <th>{Lang::T('Username')}</th>
-                            <th>{Lang::T('Plan Name')}</th>
-                            <th>{Lang::T('Type')}</th>
-                            <th>{Lang::T('Created On')}</th>
-                            <th>{Lang::T('Expires On')}</th>
-                            <th>{Lang::T('Method')}</th>
-                            <th><a href="{$_url}routers/list">{Lang::T('Location')}</a></th>
-                            <th>{Lang::T('Manage')}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {foreach $d as $ds}
-                            <tr {if $ds['status']=='off'}class="danger" {/if}>
+                <div style="margin-left: 5px; margin-right: 5px;">&nbsp;
+                    <table id="datatable" class="table table-bordered table-striped table-condensed">
+                        <thead>
+                            <tr>
+                                <th>{Lang::T('Username')}</th>
+                                <th>{Lang::T('Plan Name')}</th>
+                                <th>{Lang::T('Type')}</th>
+                                <th>{Lang::T('Created On')}</th>
+                                <th>{Lang::T('Expires On')}</th>
+                                <th>{Lang::T('Method')}</th>
+                                <th><a href="{$_url}routers/list">{Lang::T('Location')}</a></th>
+                                <th>{Lang::T('Manage')}</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {foreach $d as $ds}
+                            <tr {if $ds['status']=='off' }class="danger" {/if}>
                                 <td>
                                     {if $ds['customer_id'] == '0'}
-                                        <a href="{$_url}plan/voucher/&search={$ds['username']}">{$ds['username']}</a>
+                                    <a href="{$_url}plan/voucher/&search={$ds['username']}">{$ds['username']}</a>
                                     {else}
-                                        <a href="{$_url}customers/viewu/{$ds['username']}">{$ds['username']}</a>
+                                    <a href="{$_url}customers/viewu/{$ds['username']}">{$ds['username']}</a>
                                     {/if}
                                 </td>
                                 {if $ds['type'] == 'Hotspot'}
-                                    <td><a href="{$_url}services/edit/{$ds['plan_id']}">{$ds['namebp']}</a></td>
+                                <td><a href="{$_url}services/edit/{$ds['plan_id']}">{$ds['namebp']}</a></td>
                                 {else}
-                                    <td><a href="{$_url}services/pppoe-edit/{$ds['plan_id']}">{$ds['namebp']}</a></td>
+                                <td><a href="{$_url}services/pppoe-edit/{$ds['plan_id']}">{$ds['namebp']}</a></td>
                                 {/if}
                                 <td>{$ds['type']}</td>
                                 <td>{Lang::dateAndTimeFormat($ds['recharged_on'],$ds['recharged_time'])}</td>
@@ -107,19 +108,20 @@
                                     <a href="{$_url}plan/edit/{$ds['id']}" class="btn btn-warning btn-xs"
                                         style="color: black;">{Lang::T('Edit')}</a>
                                     {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
-                                        <a href="{$_url}plan/delete/{$ds['id']}" id="{$ds['id']}"
-                                            onclick="return confirm('{Lang::T('Delete')}?')" class="btn btn-danger btn-xs"><i
-                                                class="glyphicon glyphicon-trash"></i></a>
+                                    <a href="{$_url}plan/delete/{$ds['id']}" id="{$ds['id']}"
+                                        onclick="return confirm('{Lang::T('Delete')}?')"
+                                        class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     {/if}
                                     {if $ds['status']=='off' && $_c['extend_expired']}
-                                        <a href="javascript:extend('{$ds['id']}')"
-                                            class="btn btn-info btn-xs">{Lang::T('Extend')}</a>
+                                    <a href="javascript:extend('{$ds['id']}')"
+                                        class="btn btn-info btn-xs">{Lang::T('Extend')}</a>
                                     {/if}
                                 </td>
                             </tr>
-                        {/foreach}
-                    </tbody>
-                </table>
+                            {/foreach}
+                        </tbody>
+                    </table>
+                </div>
             </div>
             {include file="pagination.tpl"}
         </div>
@@ -131,10 +133,10 @@
         var res = prompt("Extend for many days?", "3");
         if (res) {
             if (confirm("Extend for " + res + " days?")) {
-                window.location.href = "{$_url}plan/extend/"+idP+"/"+res+"&stoken={App::getToken()}";
+                window.location.href = "{$_url}plan/extend/" + idP + "/" + res + "&stoken={App::getToken()}";
             }
         }
     }
 </script>
 
-{include file="sections/footer.tpl"}
+{include file="sections/footer.tpl"}
\ No newline at end of file
diff --git a/ui/ui/pppoe.tpl b/ui/ui/pppoe.tpl
index 3c17d6b1..9dfc8711 100644
--- a/ui/ui/pppoe.tpl
+++ b/ui/ui/pppoe.tpl
@@ -35,8 +35,8 @@
                             <select class="form-control" id="type2" name="type2">
                                 <option value="">{Lang::T('Type')}</option>
                                 {foreach $type2s as $t}
-                                    <option value="{$t}" {if $type2 eq $t }selected{/if}>{Lang::T($t)}
-                                    </option>
+                                <option value="{$t}" {if $type2 eq $t }selected{/if}>{Lang::T($t)}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -44,9 +44,9 @@
                             <select class="form-control" id="bandwidth" name="bandwidth">
                                 <option value="">Bandwidth</option>
                                 {foreach $bws as $b}
-                                    <option value="{$b['id']}" {if $bandwidth eq $b['id'] }selected{/if}>
-                                        {$b['name_bw']}
-                                    </option>
+                                <option value="{$b['id']}" {if $bandwidth eq $b['id'] }selected{/if}>
+                                    {$b['name_bw']}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -54,8 +54,8 @@
                             <select class="form-control" id="type3" name="type3">
                                 <option value="">{Lang::T('Category')}</option>
                                 {foreach $type3s as $t}
-                                    <option value="{$t}" {if $type3 eq $t }selected{/if}>{$t}
-                                    </option>
+                                <option value="{$t}" {if $type3 eq $t }selected{/if}>{$t}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -63,8 +63,8 @@
                             <select class="form-control" id="valid" name="valid">
                                 <option value="">{Lang::T('Validity')}</option>
                                 {foreach $valids as $v}
-                                    <option value="{$v}" {if $valid eq $v }selected{/if}>{$v}
-                                    </option>
+                                <option value="{$v}" {if $valid eq $v }selected{/if}>{$v}
+                                </option>
                                 {/foreach}
                             </select>
                         </div>
@@ -72,7 +72,7 @@
                             <select class="form-control" id="router" name="router">
                                 <option value="">{Lang::T('Location')}</option>
                                 {foreach $routers as $r}
-                                    <option value="{$r}" {if $router eq $r }selected{/if}>{$r}</option>
+                                <option value="{$r}" {if $router eq $r }selected{/if}>{$r}</option>
                                 {/foreach}
                                 <option value="radius" {if $router eq 'radius' }selected{/if}>Radius</option>
                             </select>
@@ -81,7 +81,7 @@
                             <select class="form-control" id="device" name="device">
                                 <option value="">{Lang::T('Device')}</option>
                                 {foreach $devices as $r}
-                                    <option value="{$r}" {if $device eq $r }selected{/if}>{$r}</option>
+                                <option value="{$r}" {if $device eq $r }selected{/if}>{$r}</option>
                                 {/foreach}
                             </select>
                         </div>
@@ -104,36 +104,38 @@
                 </div>
             </form>
             <div class="table-responsive">
-                <table class="table table-bordered table-striped table-condensed">
-                    <thead>
-                        <tr>
-                            <th></th>
-                            <th colspan="4" class="text-center">{Lang::T('Internet Plan')}</th>
-                            <th></th>
-                            <th colspan="2" class="text-center" style="background-color: rgb(243, 241, 172);">
-                                {Lang::T('Expired')}</th>
-                            <th colspan="4"></th>
-                        </tr>
-                        <tr>
-                            <th>{Lang::T('Name')}</th>
-                            <th>{Lang::T('Type')}</th>
-                            <th><a href="{$_url}bandwidth/list">{Lang::T('Bandwidth')}</a></th>
-                            <th>{Lang::T('Price')}</th>
-                            <th>{Lang::T('Validity')}</th>
-                            <th><a href="{$_url}pool/list">{Lang::T('IP Pool')}</a></th>
-                            <th style="background-color: rgb(243, 241, 172);">{Lang::T('Internet Plan')}</th>
-                            <th style="background-color: rgb(243, 241, 172);">{Lang::T('Date')}</th>
-                            <th><a href="{$_url}routers/list">{Lang::T('Location')}</a></th>
-                            <th>{Lang::T('Device')}</th>
-                            <th>{Lang::T('Manage')}</th>
-                            <th>ID</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {foreach $d as $ds}
-                            <tr {if $ds['enabled'] != 1}class="danger" title="disabled" {/if}>
+                <div style="margin-left: 5px; margin-right: 5px;">
+                    <table class="table table-bordered table-striped table-condensed">
+                        <thead>
+                            <tr>
+                                <th></th>
+                                <th colspan="4" class="text-center">{Lang::T('Internet Plan')}</th>
+                                <th></th>
+                                <th colspan="2" class="text-center" style="background-color: rgb(243, 241, 172);">
+                                    {Lang::T('Expired')}</th>
+                                <th colspan="4"></th>
+                            </tr>
+                            <tr>
+                                <th>{Lang::T('Name')}</th>
+                                <th>{Lang::T('Type')}</th>
+                                <th><a href="{$_url}bandwidth/list">{Lang::T('Bandwidth')}</a></th>
+                                <th>{Lang::T('Price')}</th>
+                                <th>{Lang::T('Validity')}</th>
+                                <th><a href="{$_url}pool/list">{Lang::T('IP Pool')}</a></th>
+                                <th style="background-color: rgb(243, 241, 172);">{Lang::T('Internet Plan')}</th>
+                                <th style="background-color: rgb(243, 241, 172);">{Lang::T('Date')}</th>
+                                <th><a href="{$_url}routers/list">{Lang::T('Location')}</a></th>
+                                <th>{Lang::T('Device')}</th>
+                                <th>{Lang::T('Manage')}</th>
+                                <th>ID</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {foreach $d as $ds}
+                            <tr {if $ds['enabled'] !=1}class="danger" title="disabled" {/if}>
                                 <td>{$ds['name_plan']}</td>
-                                <td>{$ds['plan_type']} {if $ds['prepaid'] != 'yes'}<b>{Lang::T('Postpaid')}</b>{else}{Lang::T('Prepaid')}{/if}</td>
+                                <td>{$ds['plan_type']} {if $ds['prepaid'] !=
+                                    'yes'}<b>{Lang::T('Postpaid')}</b>{else}{Lang::T('Prepaid')}{/if}</td>
                                 <td>{$ds['name_bw']}</td>
                                 <td>{Lang::moneyFormat($ds['price'])}</td>
                                 <td>{$ds['validity']} {$ds['validity_unit']}</td>
@@ -144,11 +146,11 @@
                                 <td>{if $ds['prepaid'] == no}{$ds['expired_date']}{/if}</td>
                                 <td>
                                     {if $ds['is_radius']}
-                                        <span class="label label-primary">RADIUS</span>
+                                    <span class="label label-primary">RADIUS</span>
                                     {else}
-                                        {if $ds['routers']!=''}
-                                            <a href="{$_url}routers/edit/0&name={$ds['routers']}">{$ds['routers']}</a>
-                                        {/if}
+                                    {if $ds['routers']!=''}
+                                    <a href="{$_url}routers/edit/0&name={$ds['routers']}">{$ds['routers']}</a>
+                                    {/if}
                                     {/if}
                                 </td>
                                 <td>{$ds['device']}</td>
@@ -161,9 +163,10 @@
                                 </td>
                                 <td>{$ds['id']}</td>
                             </tr>
-                        {/foreach}
-                    </tbody>
-                </table>
+                            {/foreach}
+                        </tbody>
+                    </table>
+                </div>
             </div>
             <div class="panel-footer">
                 {include file="pagination.tpl"}
@@ -176,4 +179,4 @@
     </div>
 </div>
 
-{include file="sections/footer.tpl"}
+{include file="sections/footer.tpl"}
\ No newline at end of file
diff --git a/ui/ui/voucher.tpl b/ui/ui/voucher.tpl
index 6f357b48..abf652f0 100644
--- a/ui/ui/voucher.tpl
+++ b/ui/ui/voucher.tpl
@@ -17,11 +17,12 @@
 <div class="panel panel-hovered mb20 panel-primary">
     <div class="panel-heading">
         {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
-            <div class="btn-group pull-right">
-                <a class="btn btn-danger btn-xs" title="Remove used Voucher" href="{$_url}plan/remove-voucher"
-                    onclick="return confirm('Delete all used voucher code more than 3 months?')"><span class="glyphicon glyphicon-trash"
-                        aria-hidden="true"></span> {Lang::T('Delete')} &gt; {Lang::T('3 Months')}</a>
-            </div>
+        <div class="btn-group pull-right">
+            <a class="btn btn-danger btn-xs" title="Remove used Voucher" href="{$_url}plan/remove-voucher"
+                onclick="return confirm('Delete all used voucher code more than 3 months?')"><span
+                    class="glyphicon glyphicon-trash" aria-hidden="true"></span> {Lang::T('Delete')} &gt; {Lang::T('3
+                Months')}</a>
+        </div>
         {/if}
         &nbsp;
     </div>
@@ -41,8 +42,8 @@
                     <select class="form-control" id="router" name="router">
                         <option value="">{Lang::T('Location')}</option>
                         {foreach $routers as $r}
-                            <option value="{$r}" {if $router eq $r }selected{/if}>{$r}
-                            </option>
+                        <option value="{$r}" {if $router eq $r }selected{/if}>{$r}
+                        </option>
                         {/foreach}
                     </select>
                 </div>
@@ -50,7 +51,7 @@
                     <select class="form-control" id="plan" name="plan">
                         <option value="">{Lang::T('Plan Name')}</option>
                         {foreach $plans as $p}
-                            <option value="{$p['id']}" {if $plan eq $p['id'] }selected{/if}>{$p['name_plan']}</option>
+                        <option value="{$p['id']}" {if $plan eq $p['id'] }selected{/if}>{$p['name_plan']}</option>
                         {/foreach}
                     </select>
                 </div>
@@ -65,7 +66,7 @@
                     <select class="form-control" id="customer" name="customer">
                         <option value="">{Lang::T('Customer')}</option>
                         {foreach $customers as $c}
-                            <option value="{$c['user']}" {if $customer eq $c['user'] }selected{/if}>{$c['user']}</option>
+                        <option value="{$c['user']}" {if $customer eq $c['user'] }selected{/if}>{$c['user']}</option>
                         {/foreach}
                     </select>
                 </div>
@@ -76,8 +77,8 @@
                                     class="fa fa-search"></span></button>
                         </div>
                         <div class="btn-group" role="group">
-                            <a class="btn btn-warning btn-block" title="Clear Search Query" href="{$_url}plan/voucher/"><span
-                                    class="glyphicon glyphicon-remove-circle"></span></a>
+                            <a class="btn btn-warning btn-block" title="Clear Search Query"
+                                href="{$_url}plan/voucher/"><span class="glyphicon glyphicon-remove-circle"></span></a>
                         </div>
                     </div>
                 </div>
@@ -85,24 +86,25 @@
         </form>
     </div>
     <div class="table-responsive">
-        <table id="datatable" class="table table-bordered table-striped table-condensed">
-            <thead>
-                <tr>
-                    <th>ID</th>
-                    <th>{Lang::T('Type')}</th>
-                    <th>{Lang::T('Routers')}</th>
-                    <th>{Lang::T('Plan Name')}</th>
-                    <th>{Lang::T('Code Voucher')}</th>
-                    <th>{Lang::T('Status Voucher')}</th>
-                    <th>{Lang::T('Customer')}</th>
-                    <th>{Lang::T('Used Date')}</th>
-                    <th>{Lang::T('Generated By')}</th>
-                    <th>{Lang::T('Manage')}</th>
-                </tr>
-            </thead>
-            <tbody>
-                {foreach $d as $ds}
-                    <tr {if $ds['status'] eq '1'}class="danger" {/if}>
+        <div style="margin-left: 5px; margin-right: 5px;">&nbsp;
+            <table id="datatable" class="table table-bordered table-striped table-condensed">
+                <thead>
+                    <tr>
+                        <th>ID</th>
+                        <th>{Lang::T('Type')}</th>
+                        <th>{Lang::T('Routers')}</th>
+                        <th>{Lang::T('Plan Name')}</th>
+                        <th>{Lang::T('Code Voucher')}</th>
+                        <th>{Lang::T('Status Voucher')}</th>
+                        <th>{Lang::T('Customer')}</th>
+                        <th>{Lang::T('Used Date')}</th>
+                        <th>{Lang::T('Generated By')}</th>
+                        <th>{Lang::T('Manage')}</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {foreach $d as $ds}
+                    <tr {if $ds['status'] eq '1' }class="danger" {/if}>
                         <td>{$ds['id']}</td>
                         <td>{$ds['type']}</td>
                         <td>{$ds['routers']}</td>
@@ -112,33 +114,35 @@
                             onmouseenter="this.style.backgroundColor = 'white';">
                             {$ds['code']}</td>
                         <td>{if $ds['status'] eq '0'} <label class="btn-tag btn-tag-success"> Not Use
-                                </label> {else} <label class="btn-tag btn-tag-danger">Used</label>
+                            </label> {else} <label class="btn-tag btn-tag-danger">Used</label>
                             {/if}</td>
                         <td>{if $ds['user'] eq '0'} -
                             {else}<a href="{$_url}customers/viewu/{$ds['user']}">{$ds['user']}</a>
                             {/if}</td>
                         <td>{if $ds['used_date']}{Lang::dateTimeFormat($ds['used_date'])}{/if}</td>
                         <td>{if $ds['generated_by']}
-                                <a href="{$_url}settings/users-view/{$ds['generated_by']}">{$admins[$ds['generated_by']]}</a>
+                            <a
+                                href="{$_url}settings/users-view/{$ds['generated_by']}">{$admins[$ds['generated_by']]}</a>
                             {else} -
                             {/if}
                         </td>
                         <td>
                             {if $ds['status'] neq '1'}
-                                <a href="{$_url}plan/voucher-view/{$ds['id']}" id="{$ds['id']}" style="margin: 0px;"
-                                    class="btn btn-success btn-xs">&nbsp;&nbsp;{Lang::T('View')}&nbsp;&nbsp;</a>
+                            <a href="{$_url}plan/voucher-view/{$ds['id']}" id="{$ds['id']}" style="margin: 0px;"
+                                class="btn btn-success btn-xs">&nbsp;&nbsp;{Lang::T('View')}&nbsp;&nbsp;</a>
                             {/if}
                             {if in_array($_admin['user_type'],['SuperAdmin','Admin'])}
-                                <a href="{$_url}plan/voucher-delete/{$ds['id']}" id="{$ds['id']}" class="btn btn-danger btn-xs"
-                                    onclick="return confirm('{Lang::T('Delete')}?')"><i
-                                        class="glyphicon glyphicon-trash"></i></a>
+                            <a href="{$_url}plan/voucher-delete/{$ds['id']}" id="{$ds['id']}"
+                                class="btn btn-danger btn-xs" onclick="return confirm('{Lang::T('Delete')}?')"><i
+                                    class="glyphicon glyphicon-trash"></i></a>
                             {/if}
                         </td>
                     </tr>
-                {/foreach}
-            </tbody>
-        </table>
+                    {/foreach}
+                </tbody>
+            </table>
+        </div>
     </div>
     {include file="pagination.tpl"}
 </div>
-{include file="sections/footer.tpl"}
+{include file="sections/footer.tpl"}
\ No newline at end of file