/* Bootstrap backdrop is appended to body at 1089. Nested page modals
   lose that fight inside Sneat layout stacking. After hoist, keep the
   dialog above the dim overlay and above navbar/menu chrome. */

body.modal-open:not(.followup-modal-open):not(.followup-calendar-open):not(.followup-action-over-calendar):not(.followup-history-over-calendar):not(.sequence-enroll-modal-open) > .modal-backdrop,
body.modal-open:not(.followup-modal-open):not(.followup-calendar-open):not(.followup-action-over-calendar):not(.followup-history-over-calendar):not(.sequence-enroll-modal-open) > .modal-backdrop.show {
	z-index: 10040 !important;
}

body.modal-open:not(.followup-modal-open):not(.followup-calendar-open):not(.followup-action-over-calendar):not(.followup-history-over-calendar):not(.sequence-enroll-modal-open) > .modal.show {
	z-index: 10050 !important;
}

body.modal-open > .modal.show .modal-dialog,
body.modal-open > .modal.show .modal-content {
	pointer-events: auto !important;
}

body.modal-open #layout-navbar,
body.modal-open .layout-navbar,
body.modal-open .layout-menu,
body.modal-open .layout-overlay,
body.modal-open .content-backdrop {
	z-index: 1030 !important;
}

@media (max-width: 1199.98px) {
	body.modal-open .layout-menu,
	body.modal-open .layout-overlay {
		z-index: 1030 !important;
	}
}