<div class="ccard h-300 d-flex flex-column px-2 py-3">
    <!-- <div class="d-flex text-center"> -->
    <div class="flex-grow-1 mb-3">
        <div class="text-nowrap lh text-100 text-dark-l2" style="text-align: center;">
            {{ header | translate }}&nbsp;<i class="fa fa-info-circle"
                matTooltip="{{ 'dashboards.operative.session.time.desc' | translate }}"></i>
        </div>
        <div *ngIf="decision; else second" matTooltip="{{tip}}" matTooltipPosition="above">
            <div class="box">
                <table>
                    <tr>
                        <td class="image" rowspan="2">
                            <img class="image" src="https://i.ibb.co/9ZKbj2b/icons8-reloj-1.gif" />
                        </td>
                        <td class="number" rowspan="2">
                            <span class="average-desc">
                                <span>{{valor1}}</span>
                            </span>
                        </td>
                        <td class="min">
                            <span>{{parametro1}}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="number-sub">
                            <span >{{valor2}} </span>
                            <span class="sec"> {{parametro2}}</span>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <ng-template #second>
            <div class="box">
                <table>
                    <tr>
                        <td class="image" rowspan="2">
                            <img class="image" src="https://i.ibb.co/9ZKbj2b/icons8-reloj-1.gif" />
                        </td>
                        <td class="number" rowspan="2">
                            <span class="average-desc">
                                <span>{{valor1}}</span>
                            </span>
                        </td>
                        <td class="number-sub" rowspan="2">
                            <span>{{parametro1}}</span>
                        </td>
                    </tr>
                </table>
            </div>
        </ng-template>
    </div>
</div>