<div id="ToastInfoContainer" class="bottom-0 my-4 start-50 translate-middle-x position-fixed z-3">
    <div class="toast border-0 shadow rounded-3 overflow-hidden" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="3000">

        <div class="toast-header bg-success text-white border-0">
            <span class="bg-white text-success rounded-circle px-1 me-2 fw-bold lh-1">✓</span>
            <strong class="me-auto">Notification</strong>
            <small class="text-white-50 me-3">Just now</small>
            <button type="button" class="btn-close btn-close-white m-0" data-bs-dismiss="toast" aria-label="Close"></button>
        </div>

        <div class="toast-body bg-white text-secondary fw-semibold">
        </div>

    </div>
</div>