/**

 *  @file
 *  Ajax styles.
 */

/**

 *  Make sure full screen progress indicator is in front of .ui-dialog.
 *

 *  @see core/themes/seven/css/components/dialog.css
 */
.ajax-progress.ajax-progress-fullscreen {
  z-index: 1261;
}

/**

 *  Floating Ajax message container.
 *

 *  Display status message in a floating container at the bottom of the page.
 *  NOTE: It is display to display message floating at top because of the floating
 *  admin toolbar.
 *

 *  @see Drupal.AjaxCommands.prototype.webformInsert
 */
.webform-ajax-messages {
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 100%;
}

.webform-ajax-messages .messages {
  margin: 0;
  border-width: 10px 0 0 0;
  font-weight: bold;
}

.webform-ajax-messages .messages + .messages {
  margin: 0;
}

/**

 *  Always position webform modal dialog at the top of the page.
 *

 *  This prevents the dialogs position from jumping as its content is refreshed
 *  and when the window is resized.
 *

 *  @see core/misc/dialog/dialog.position.js
 *  @see \Drupal\webform\Utility\WebformDialogHelper::getModalDialogAttributes
 */
.webform-ui-dialog {
  top: 50px !important;
}

.toolbar-tray-open.toolbar-horizontal .webform-ui-dialog {
  top: 90px !important;
}