{{-- Mixed Widget 1 --}}
<div class="card card-custom bg-white {{ @$class }} border-10 ff-montserrat shadow">
    {{-- Body --}}
    <div class="card-body d-flex align-items-center p-6">
        <div class="d-flex align-items-center justify-content-between flex-grow-1">
            <span>
                ICON
            </span>
            <div class="d-flex flex-column text-left flex-fill font-size-h6">
                <small class="font-weight-normal text-muted">Tempo em Atendimento</small>
                <span class="font-weight-bold text-dark-75 font-size-h3" id="durationAtend">
                    <div class="spinner py-4"></div>
                </span>
            </div>
            <div class="d-flex flex-column text-right">
                <small class="font-weight-bold">TMA</small>
                <small class="font-weight-normal" id="tma">
                    <div class="spinner py-4"></div>
                </small>
            </div>
        </div>
    </div>
</div>