{literal}
    <style>
        .reseller-data-table th 
        {
            padding: 6px;
            text-align: left;
            background-color: #FD7323;
            color: white;
            border: 1px solid #bfdbee;
        }
        .reseller-data-table
        {
            width: 50%;
        }       
        .reseller-data-table > tbody > tr > td
        {
            border: 1px solid #ddd;
            padding: 6px;
        }        
    </style>
{/literal}
<div class="table-responsive">
    <table class="reseller-data-table" style="float:left; text-align: left;" width="50%" cellspacing="0" border="0">
        <tbody>
            <tr>
                <th class="frmlabel" colspan="2">Available</th>
            </tr>
            <tr>
                <td class="frmlabel">Total</td>
                <td>121.00 GBs</td>
            </tr>
            <tr>
                <td class="frmlabel">Any Time</td>
                <td>121.00 GBs</td>
            </tr>
            <tr>
                <td class="frmlabel">Night Time</td>
                <td>0 Bytes</td>
            </tr>
            <tr>
                <td class="frmlabel">Topup</td>
                <td>0 Bytes</td>
            </tr>	
            <tr>
                <td class="frmlabel">Rollover</td>
                <td>0 Bytes</td>
            </tr>
        </tbody>
    </table>
    <table class="reseller-data-table" style="float:right; text-align: left;" width="50%" cellspacing="0" border="0">
        <tbody>
            <tr>
                <th class="frmlabel" colspan="2">Used</th>
            </tr>
            <tr>
                <td class="frmlabel">Total</td>
                <td>0 Bytes</td>
            </tr>
            <tr>
                <td class="frmlabel">Any Time</td>
                <td>0 Bytes</td>
            </tr>
            <tr>
                <td class="frmlabel">Night Time</td>
                <td>0 Bytes</td>
            </tr>
            <tr>
                <td class="frmlabel">Top-up</td>
                <td>0 Bytes</td>
            </tr>	
            <tr>
                <td class="frmlabel">Rollover</td>
                <td>0 Bytes</td>
            </tr>
        </tbody>
    </table>
</div>