/**
 * @file
 * Replaces Drupal core's jquery.ui.dialog.css.
 */

@import "base";
@import "ux_styleguide/jquery/jquery.ui.dialog";

.ui-dialog {
  border: $base-border-width solid $color-border-reverse;
  max-width: 100%;

  .ui-dialog-titlebar {
    padding: {
      right: 1em;
      left: 1em;
    }
    background-color: $color-background-dark;
  }
}

.ui-widget-overlay {
  position: fixed;
}