{{-- Mixed Widget 1 --}}
<div class="card card-custom {{ @$class }} border-10 shadow" style="background-color: #586FED;">
    {{-- 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">
            <div class="d-flex flex-column text-left flex-fill font-size-h6">
                <span class="font-weight-bold text-white font-size-h1 waitingCalls countUp"><div class="spinner py-4"></div></span>
                <small class="font-weight-bold text-white font-size-h4">Ligações em fila</small>
            </div>
            <span class="symbol symbol-50 d-none d-xxl-block">
                <img src="{{ asset('img/icon/inQueueCalls.png') }}" alt="Ligações em fila" draggable="false">
            </span>
        </div>
    </div>
</div>