:root {
    /* AppBar height: 64px default, 56px if Dense */
    --appbar-height: 80px;
}

/* Make main area fill the viewport and push footer down */
.content-with-footer {
    display: flex;
    flex-direction: column;
    min-height: calc(100dvh - var(--appbar-height));
}

/* Footer sits at the bottom on short pages */
.app-footer {
    margin-top: auto;
    opacity: .85;
}

.action-cell {
    width: 100px
}

.row-even {
    background-color: #f9f9f9;
}

.row-odd {
    background-color: transparent;
}

.menu-icon{
    fill:white;
}

/* Hide the original circular spinner */
.mud-progress-circular-svg,
.mud-progress-circular-circle {
    display: none !important;
}

/* Replace it with a blinking dot */
.mud-progress-circular {
    position: relative;
    width: 14px; /* adjust */
    height: 14px; /* adjust */
}

    .mud-progress-circular::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px; /* dot size */
        height: 8px;
        background: currentColor;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        animation: blink 1s infinite ease-in-out;
    }

@keyframes blink {
    0%, 100% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }
}