Merge pull request #566 from civicrm/PROD-190-alert-zindex

PROD-190: Ensure alert is visible when modal is displayed

scss/civicrm/common/_block-shadows.scss

@@ -6,7 +6,8 @@
  * then the shadows will overlap. The method makes it visually look like there is
  * just a single shadow underneath the pair.
  */
-
+
+/* stylelint-disable selector-max-id, selector-max-compound-selectors */
 @mixin block-shadows-for-pair () {
   position: relative;
 
@@ -69,6 +70,11 @@
   z-index: 1;
 }
 
+// Allow alert have higher z-index than modal
+.ui-dialog-open #crm-container {
+  z-index: unset;
+}
+
 @include block-shadows-for-h3-crm-form-block-pair();
 
 *:not(.crm-form-block) {