/* @override 
	https://www.creativeapplications.net/wp-content/plugins/matomo-analytics-reports/assets/css/matomo-analytics-reports.css?* */

* General table styling */



.member-analytics tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Loading dots animation */
.loading-dots {
    position: relative;
    color: transparent; /* Hide the actual dots initially */
}

.loading-dots::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px; /* Adjust size of dots container */
    height: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.loading-dots::after {
    content: '...'; /* Fallback for browsers that don't support animation */
    color: #888; /* Color of the dots */
    font-size: 1.2em;
    animation: blink-dots 1.5s infinite steps(3, end);
}

@keyframes blink-dots {
    0% { content: '.'; }
    33% { content: '..'; }
    66% { content: '...'; }
    100% { content: '.'; }
}


/* Hide on mobile (adjust breakpoint as needed) */
@media screen and (max-width: 768px) {
    .hideonmobile {
        display: none;
    }
    .member-analytics {
        min-width: unset; /* Allow table to shrink on mobile */
    }
}


/* Blink animation for the "Empty" message */
.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}