<template>
    <div>
        <div class="blockUI blockOverlay"
            style="z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; cursor: wait; position: absolute;">
        </div>
        <div class="blockUI blockMsg blockElement"
            style="z-index: 1011; position: absolute; padding: 0px; margin: 0px; width: 30%; top: 92px; left: 321.5px; text-align: center; color: rgb(0, 0, 0); border: 3px solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); cursor: wait;">
            <div class="spinner-grow text-primary" role="status"><span class="sr-only">Loading...</span></div>
        </div>
    </div>

</template>

<script>

export default {
    name:'CardLoading'
}
</script>