.e-dialog .e-footer-content {
    display: flex;
    justify-content: end;
}

.access-side-dialog.e-dialog {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.2);
    animation: accessSlideInRight 0.3s ease-out;
}

    .access-side-dialog.e-dialog .e-dlg-content {
        height: 100% !important;
    }

@keyframes accessSlideInRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}