<style>
    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #ccc;
    }

    tbody tr {
        background-color: #ebedf2;
    }

    tr,
    td {
        padding: 20px;

    }

    .price {
        font-size: 28px;
        color: #1572E8;
        padding: 7px 0;
        font-weight: 600;
    }

    .sub {
        font-size: 14px;
        margin-bottom: 8px;
        font-weight: 600;
    }

    .invoice-desc {
        text-align: right;
        font-size: 13px;
    }
</style>

<div style="border-bottom: 1px solid #ccc"></div>
<h3 style="font-size: 15px;">Resumen de comisión ( <?= $tipo_comision ?> )</h3>
<div style="width: 100%;">
    <table style="width: 100%; border-collapse:collapse" class=".table-striped">
        <thead>
            <tr>
                <td><strong>Empleado</strong></td>
                <td style="text-align: center;"><strong>Comisiones</strong></td>
                <td style="text-align: right;"><strong>Total</strong></td>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($comisiones as $row) : ?>
                <tr>
                    <td><?= $row['empleado'] ?></td>
                    <td style="text-align: center;"><?= $row['cantidad_comision'] ?></td>
                    <td style="text-align: right;"><?= $row['total_comision'] ?></td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
</div>
<div style="margin-top: 30px; border-bottom: 1px solid #ccc"></div>
<div style="width: 100%; text-align: center;">
    <h5 class="sub">Cantidad total</h5>
    <div class="price" id="dataGlobCantidadTotal"><?= $total_pendiente ?></div>
</div>