@keyframes erxModalPopIn {
    from { opacity: 0; transform: scale(0.88); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes erxModalPopOut {
    from { opacity: 1; transform: scale(1); }
    to { opacity: 0; transform: scale(0.88); }
}

@keyframes erxModalBackdropIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes erxModalBackdropOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.modal-fade-in {
    animation: erxModalPopIn 0.3s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    -webkit-animation: erxModalPopIn 0.3s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    transform-origin: center center;
}

.modal-fade-out {
    animation: erxModalPopOut 0.26s ease-in both;
    -webkit-animation: erxModalPopOut 0.26s ease-in both;
    transform-origin: center center;
}

.modal.modal-slide-open,
.modalcon.modal-slide-open,
.modalout.modal-slide-open,
.modal-custom.active.modal-slide-open,
#cameraOverlay.active.modal-slide-open,
#orderLogisticsCameraOverlay.active.modal-slide-open,
#paymentProofModal.is-open,
#paymentProofModal.modal-slide-open {
    opacity: 1;
}

.modal.modal-slide-closing,
.modalcon.modal-slide-closing,
.modalout.modal-slide-closing,
.modal-custom.modal-slide-closing,
#cameraOverlay.modal-slide-closing,
#orderLogisticsCameraOverlay.modal-slide-closing {
    opacity: 0;
    transition: opacity 0.26s ease;
}

.modal-slide-open .modal-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modal-contentcheck:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modalcon-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modalmess-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modal-contentout:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modal-content-custom:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modalinve-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modaled-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modal1-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .modalid-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .verification-reject-dialog:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .pvm-decline-dialog:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .pharma-cancel-confirm-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .order-info-modal-content:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .sig-draw-dialog:not(.modal-fade-in):not(.modal-fade-out),
.modal-slide-open .terms-modal:not(.modal-fade-in):not(.modal-fade-out),
.modal-custom.active .modal-content-custom:not(.modal-fade-in):not(.modal-fade-out),
#cameraOverlay.active #cameraBox:not(.modal-fade-in):not(.modal-fade-out),
#orderLogisticsCameraOverlay.active #orderLogisticsCameraBox:not(.modal-fade-in):not(.modal-fade-out),
#paymentProofModal.is-open .pm2-wrap:not(.modal-fade-in):not(.modal-fade-out) {
    animation: none !important;
    -webkit-animation: none !important;
}

#myModalclo,
#viewModal,
#viewModaled,
#orderViewModal,
#chatModal,
#myModalcheck,
#confirmAddModal,
#patientCancelConfirmModal,
#pharmaCancelConfirmModal,
#pharmaPaymentChangeConfirmModal,
#myModalcle,
#deleteConfirmModal {
    align-items: center;
    justify-content: center;
    padding-top: 0 !important;
}

#sigDrawModal.sig-draw-modal-overlay {
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

#sigDrawModal.modal-slide-open {
    display: flex !important;
}

#sigDrawModal.modal-slide-open:not(.modal-slide-closing) {
    animation: erxModalBackdropIn 0.3s ease-out both;
}

#sigDrawModal.modal-slide-closing {
    display: flex !important;
    animation: erxModalBackdropOut 0.26s ease-in both;
}

#sigDrawModal .sig-draw-dialog {
    transform-origin: center center;
}

#myModalclo .modal-content,
#viewModal .order-info-modal-content,
#viewModal .modalcon-content,
#salesReportModal .sales-report-modal-content,
#salesReportModal .modalcon-content,
#doctorRebateShareModal .doctor-rebate-share-modal-content,
#doctorRebateShareModal .modalcon-content,
#rebateDetailsModal .rebate-details-modal-content,
#rebateDetailsModal .modalcon-content,
#doctorSalesReportModal .doctor-sales-report-modal-content,
#doctorSalesReportModal .modalcon-content,
#viewModal .modal-content,
#viewModaled .modal-content,
#orderViewModal .modalcon-content,
#chatModal .modalcon-content,
#myModalcheck .modal-content,
#myModalcheck .modal-contentcheck,
#confirmAddModal .modal-content,
#patientCancelConfirmModal .pharma-cancel-confirm-content,
#pharmaCancelConfirmModal .pharma-cancel-confirm-content,
#pharmaPaymentChangeConfirmModal .pharma-cancel-confirm-content,
.modal .modal-content,
.modal .modal-contentcheck,
.modalout .modal-contentout,
.modalinve .modalinve-content,
.modaled .modaled-content,
.modal1 .modal1-content,
.modalid .modalid-content,
.modal-custom .modal-content-custom,
.inventory-product-modal .modal-content,
.verification-reject-dialog,
.pvm-decline-dialog,
#paymentProofModal .pm2-wrap {
    transform-origin: center center;
}

#chatModal.modal-slide-open,
#myModalclo.modal-slide-open,
#inventoryEditModal.modal-slide-open,
#inventoryAddProductModal.modal-slide-open,
#inventoryToggleModal.modal-slide-open,
#inventoryMetaFormModal.modal-slide-open,
#inventoryMetaViewModal.modal-slide-open,
#inventoryMetaToggleModal.modal-slide-open,
#doctorRegDetailModal.modal-slide-open,
#verificationRejectModal.modal-slide-open,
#doctorRegRejectModal.modal-slide-open,
#doctorRegApproveModal.modal-slide-open,
#viewModal.modal-slide-open,
#orderViewModal.modal-slide-open,
#salesReportModal.modal-slide-open,
#doctorRebateShareModal.modal-slide-open,
#rebateDetailsModal.modal-slide-open,
#doctorSalesReportModal.modal-slide-open,
#viewModaled.modal-slide-open,
#myModalcheck.modal-slide-open,
#confirmAddModal.modal-slide-open,
#pharmaCancelConfirmModal.modal-slide-open,
#pharmaPaymentChangeConfirmModal.modal-slide-open,
#patientCancelConfirmModal.modal-slide-open,
#myModalcle.modal-slide-open,
#deleteConfirmModal.modal-slide-open,
#inveModal.modal-slide-open,
#addModal.modal-slide-open,
#uploadModal.modal-slide-open,
#verificationModal.modal-slide-open,
#exampleModal123.modal-slide-open,
#viewModalmess.modal-slide-open,
#exampleModal12333.modal-slide-open,
#verificationRejectModal.modal-slide-open,
#pvmDeclineModal.modal-slide-open,
.modalinve.modal-slide-open,
.modaled.modal-slide-open,
.modal1.modal-slide-open,
.modalid.modal-slide-open,
.modal.modal-slide-open,
.account-delete-modal.modal-slide-open,
#pharmaAccountSettingsModal.modal-slide-open,
#myModalclo.is-open,
#viewModal.is-open,
#viewModaled.is-open,
#orderViewModal.is-open,
#chatModal.is-open,
#myModalcheck.is-open,
#confirmAddModal.is-open,
#patientCancelConfirmModal.is-open,
#pharmaCancelConfirmModal.is-open,
#pharmaPaymentChangeConfirmModal.is-open {
    display: flex !important;
}

.modal.modal-slide-open {
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow-y: auto;
}

.modal.modal-slide-open .modal-dialog {
    margin: 0 auto;
    transform: none !important;
    animation: none !important;
    opacity: 1;
}

#inveModal,
#addModal,
#uploadModal {
    align-items: flex-start;
    justify-content: center;
    padding-top: 40px;
}

#addModal.modal-slide-open,
#uploadModal.modal-slide-open {
    padding-top: 80px;
}

#chatModal.chat-modal-camera-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#chatModal.modal-slide-open:not(.is-closing) {
    animation: erxModalBackdropIn 0.3s ease-out both;
}

#chatModal.is-closing {
    display: flex !important;
    animation: erxModalBackdropOut 0.26s ease-in both;
}

.verification-reject-modal.is-open:not(.is-closing),
.verification-reject-modal.modal-slide-open:not(.is-closing),
.pvm-decline-modal.is-open:not(.is-closing) {
    animation: erxModalBackdropIn 0.3s ease-out both;
}

.verification-reject-modal.is-closing,
.verification-reject-modal.modal-slide-closing,
.pvm-decline-modal.is-closing {
    animation: erxModalBackdropOut 0.26s ease-in both;
}

#paymentProofModal.is-open:not(.modal-slide-closing),
#paymentProofModal.modal-slide-open:not(.modal-slide-closing) {
    animation: erxModalBackdropIn 0.3s ease-out both;
}

#paymentProofModal.modal-slide-closing {
    animation: erxModalBackdropOut 0.26s ease-in both;
}

#doctorRebateShareModal.modal-slide-open:not(.modal-slide-closing),
#rebateDetailsModal.modal-slide-open:not(.modal-slide-closing) {
    animation: erxModalBackdropIn 0.3s ease-out both;
}

#doctorRebateShareModal.modal-slide-closing,
#rebateDetailsModal.modal-slide-closing {
    display: flex !important;
    animation: erxModalBackdropOut 0.26s ease-in both;
}

#viewModal.order-info-modal.modal-slide-open:not(.modal-slide-closing),
#viewModal.order-info-modal.is-open:not(.modal-slide-closing),
#orderLogisticsDeliveryModal.modal-slide-open:not(.modal-slide-closing),
#orderLogisticsDeliveryModal.is-open:not(.modal-slide-closing) {
    animation: erxModalBackdropIn 0.3s ease-out both;
}

#viewModal.order-info-modal.modal-slide-closing,
#orderLogisticsDeliveryModal.modal-slide-closing {
    display: flex !important;
    animation: erxModalBackdropOut 0.26s ease-in both;
}

#termsModal.modal-slide-open {
    display: flex !important;
}

#termsModal.modal-slide-open:not(.modal-slide-closing) {
    animation: erxModalBackdropIn 0.3s ease-out both;
}

#termsModal.modal-slide-closing {
    display: flex !important;
    animation: erxModalBackdropOut 0.26s ease-in both;
}

#termsModal .terms-modal {
    transform-origin: center center;
}

@media (prefers-reduced-motion: reduce) {
    .modal-fade-in,
    .modal-fade-out,
    #chatModal.modal-slide-open,
    #chatModal.is-closing,
    .verification-reject-modal.is-open,
    .verification-reject-modal.is-closing,
    .pvm-decline-modal.is-open,
    .pvm-decline-modal.is-closing,
    #paymentProofModal.is-open,
    #paymentProofModal.modal-slide-closing,
    #viewModal.order-info-modal.modal-slide-open,
    #viewModal.order-info-modal.modal-slide-closing,
    #orderLogisticsDeliveryModal.modal-slide-open,
    #orderLogisticsDeliveryModal.modal-slide-closing,
    #sigDrawModal.modal-slide-open,
    #sigDrawModal.modal-slide-closing {
        animation: none !important;
        -webkit-animation: none !important;
        transition: none !important;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .modal.fade .modal-dialog {
        transition: none;
        transform: scale(0.88);
        opacity: 0;
    }

    .modal.fade.show .modal-dialog {
        animation: erxModalPopIn 0.3s cubic-bezier(0.34, 1.4, 0.64, 1) both;
        -webkit-animation: erxModalPopIn 0.3s cubic-bezier(0.34, 1.4, 0.64, 1) both;
        transform: none;
        opacity: 1;
    }
}

html {
    scrollbar-gutter: stable;
}

html.modal-scroll-lock,
body.modal-scroll-lock {
    overflow: hidden !important;
    overscroll-behavior: none;
}

body.modal-scroll-lock {
    overscroll-behavior: none;
}

html.modal-scroll-lock .site-navbar,
html.modal-scroll-lock .landing-nav,
html.modal-scroll-lock .bottom-nav {
    transition: none !important;
}

html.modal-scroll-lock .modalinve,
html.modal-scroll-lock .modaled,
html.modal-scroll-lock .modal1,
html.modal-scroll-lock .modalid,
html.modal-scroll-lock .modal,
html.modal-scroll-lock .modalcon,
html.modal-scroll-lock .modalout,
html.modal-scroll-lock .modal-custom,
html.modal-scroll-lock .terms-modal-overlay,
html.modal-scroll-lock #cameraOverlay,
html.modal-scroll-lock #orderLogisticsCameraOverlay,
html.modal-scroll-lock #paymentProofModal {
    overflow: hidden !important;
}

html.modal-scroll-lock #patientCancelConfirmModal,
html.modal-scroll-lock #pharmaCancelConfirmModal,
html.modal-scroll-lock #pharmaPaymentChangeConfirmModal,
html.modal-scroll-lock #doctorRegRejectModal,
html.modal-scroll-lock #viewModal.order-info-modal,
html.modal-scroll-lock #orderLogisticsDeliveryModal.order-info-modal {
    overflow: visible !important;
}

.modal,
.modalout,
.modalcon,
.modalinve,
.modaled,
.modal1,
.modalid,
.modal-custom,
.terms-modal-overlay,
#cameraOverlay,
#orderLogisticsCameraOverlay,
#paymentProofModal {
    overscroll-behavior: contain;
}