/* Animasi saat modal muncul */
@keyframes modalShow {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes modalHide {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.5);
    }
}

.modal.zoom .modal-dialog {
    animation: modalShow 0.3s ease-in !important;
}

.modal.zoom.hide .modal-dialog {
    animation: modalHide 0.3s ease-out !important;
}

.blockui-overlay {
    z-index: 10053 !important;
    position: fixed !important;
}

.blockui-message {
    background-color: white !important;
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px var(--bs-light-active) !important;
    color: var(--bs-light-inverse) !important;
}

table .dttable-check.form-check-input {
    border: 2px solid var(--bs-gray-300) !important;
}