.AttendanceLogsStoreDetailsAreaLight {
    background-image: linear-gradient(142deg, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.2) 100%), url('/Images/AttendanceLogsLightBG.png');
    background-size: cover, cover;
    background-position: center, center;
    border-radius: 0.75em !important;
}

.AttendanceLogsStoreDetailsAreaDark {
    background-image: linear-gradient(142deg, rgba(46, 46, 46, 0.8) 60%, rgba(46, 46, 46, 0.2) 100%), url('/Images/AttendanceLogsDarkBG.png');
    background-size: cover, cover;
    background-position: center, center;
    border-radius: 0.75em !important;
}


.active-dot {
    width: 8px;
    height: 8px;
    background-color: #4caf50;
    border-radius: 50%;
    animation: blink 1.2s infinite;
    flex-shrink: 0;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}