.disabled-card {
    opacity: 0.5;
    position: relative;
    transition: opacity 0.3s ease-in-out;
}
.list-group-item {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.list-group-item.active {
    background-color: #158467 !important;
    color: #ffffff !important;
    border-radius: 0px; /
}

.disabled-card:hover::before {
    content: "Modul import spirometry berfungsi untuk melakukan import dengan metode menginput data menggunakan excel yang telah disediakan oleh saffmedic agar mempercepat memasukkan data secara massal. Untuk mengaktifkan fitur ini silahkan hubungi saffmedic.";
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 10);
    color: #fff;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
    padding: 16px 16px;
    border-radius: 4px;
    z-index: 1;
}

.disabled-card:hover {
    opacity: 1;
}
.disabled-card-audiometry {
    opacity: 0.5;
    position: relative;
    transition: opacity 0.3s ease-in-out;
}

.disabled-card-audiometry:hover::before {
    content: "Modul import audiometry berfungsi untuk melakukan import dengan metode menginput data menggunakan excel yang telah disediakan oleh saffmedic agar mempercepat memasukkan data secara massal. Untuk mengaktifkan fitur ini silahkan hubungi saffmedic.";
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 10);
    color: #fff;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
    padding: 16px 16px;
    border-radius: 4px;
    z-index: 1;
}

.disabled-card-audiometry:hover {
    opacity: 1;
}

.list-group-item.disabled {
    pointer-events: none;
}


.modal-body-scrollable {
    max-height: 70vh;
    overflow-y: auto;
}

@media (max-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        margin: 1rem;
    }
    .modal-content {
        height: auto;
    }
}

.cursor-not-allowed {
    cursor: not-allowed;
}