{* Foundation 6 Reveal modals for Billing Account Tables *}
+<style>
+.reveal-overlay, .reveal { z-index: 99999999 !important; }
+#glmLoading {
+    display: none;
+    position: absolute;
+    left: 50%;
+    top: 50vh;
+    width: 100%;
+    height: 100%;
+    z-index: 999999999;
+}
+</style>
 
 {* Reveal for Billing Info *}
 <div id="glmBillingInfo" class="medium reveal" data-reveal data-close-on-click="false">
 <div id="glmBillingView" class="large reveal" data-reveal data-close-on-click="false">
 </div>
 {* Ajax Loading Graphic *}
-<div id="glmLoading" class="" style="display:none; position: absolute; left: 50%; top: 50vh;width: 100%; height: 100%;z-index: 9999;">
+<div id="glmLoading">
     <img src="{$pluginAssetsUrl}loading25.gif">
 </div>
 
 
                         'value'       => $fromDate|default:'',
                         'field'       => 'fromDate',
                         'label'       => 'From Date',
+                        'type'        => 'date',
                         'required'    => false,
                         'errorText'   => 'From Date is Required',
                         'dataError'   => ''
                     ]}
-                    {include file='ui/f6/date.html'}
+                    {include file='ui/f6/text.html'}
                 </div>
             </div>
 
                         'value'       => $toDate|default:'',
                         'field'       => 'toDate',
                         'label'       => 'To Date',
+                        'type'        => 'date',
                         'required'    => false,
                         'errorText'   => 'To Date is Required',
                         'dataError'   => ''
                     ]}
-                    {include file='ui/f6/date.html'}
+                    {include file='ui/f6/text.html'}
                 </div>
             </div>
 
 
                         'value'       => $fromDate|default:'',
                         'field'       => 'fromDate',
                         'label'       => 'From Date',
+                        'type'        => 'date',
                         'required'    => false,
                         'errorText'   => 'From Date is Required',
                         'dataError'   => ''
                     ]}
-                    {include file='ui/f6/date.html'}
+                    {include file='ui/f6/text.html'}
 
                     {* To Date *}
                     {$ui = [
                         'value'       => $toDate|default:'',
                         'field'       => 'toDate',
                         'label'       => 'To Date',
+                        'type'        => 'date',
                         'required'    => false,
                         'errorText'   => 'To Date is Required',
                         'dataError'   => ''
                     ]}
-                    {include file='ui/f6/date.html'}
+                    {include file='ui/f6/text.html'}
                 </div>
             </div>
             <div class="cell small-12 medium-4">
 
                         'value'       => $fromDate|default:'',
                         'field'       => 'fromDate',
                         'label'       => 'From Date',
+                        'type'        => 'date',
                         'required'    => false,
                         'errorText'   => 'From Date is Required',
                         'dataError'   => ''
                     ]}
-                    {include file='ui/f6/date.html'}
+                    {include file='ui/f6/text.html'}
                 </div>
             </div>
             <div class="cell small-12 medium-3">
                         'value'       => $toDate|default:'',
                         'field'       => 'toDate',
                         'label'       => 'To Date',
+                        'type'        => 'date',
                         'required'    => false,
                         'errorText'   => 'To Date is Required',
                         'dataError'   => ''
                     ]}
-                    {include file='ui/f6/date.html'}
+                    {include file='ui/f6/text.html'}
                 </div>
             </div>
 
 
 
 <div id="glm-admin-billing-wrapper">
 
-    <table class="{if !$adminAjaxPassthru}glm-admin-table wp-list-table striped{else}table-scroll{/if}">
+    <table class="{if !$adminAjaxPassthru}glm-admin-table wp-list-table striped{else}stack{/if}">
         <thead>
             <tr>
                 <th style="width:50px;">Invoice #</th>