/*  Import Compass */
/* ========================================================================== Dialog Page and Regions ========================================================================== */
.a-Dialog-page { min-width: 0; }

/* ========================================================================== jQuery UI Dialog ========================================================================== */
.a-Dialog--uiDialog.ui-dialog .ui-dialog-content { padding: 0; background-color: #FFF; }

.a-Dialog--uiDialog iframe { border: none; display: block; margin: 0; padding: 0; }

/* ========================================================================== Modal Wizard ========================================================================== */
body .ui-dialog.a-Dialog--wizard { position: fixed; border-radius: 3px; }

body .ui-dialog.a-Dialog--wizard .ui-dialog-titlebar { padding: 12px 16px; background-color: #FFF; border-bottom: none; }

body .ui-dialog.a-Dialog--wizard .ui-dialog-title { line-height: 32px; font-size: 24px; font-weight: 500; width: 100%; text-align: center; }

body .ui-dialog.a-Dialog--wizard .ui-dialog-titlebar-close { right: 16px; top: 16px; background-color: transparent; box-shadow: none; }

body .ui-dialog.a-Dialog--wizard .ui-dialog-titlebar-close:hover { background-color: #F0F0F0; }

body .ui-dialog.a-Dialog--wizard .ui-dialog-titlebar-close:active { background-color: #E0E0E0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset; }

body .ui-dialog.a-Dialog--wizard .ui-dialog-content { border: 0; padding: 0; font-size: 1.4rem; }

body .ui-dialog.a-Dialog--wizard .ui-dialog-buttonpane { padding: 16px; border-top-width: 0; }

body .ui-dialog.a-Dialog--wizard .ui-dialog-buttonpane .ui-button { padding: 10px 8px; font-size: 1.4rem; line-height: 1.6rem; min-width: 64px; }

/* ========================================================================== Modifier: Wizard Modal ========================================================================== */
.a-Dialog .a-Dialog-body { position: absolute; overflow: auto; top: 0; bottom: 0; left: 0; width: 100%; }

.a-Dialog .a-Dialog-wizardSteps { overflow: hidden; }

.a-Dialog .a-Dialog-wizardSteps:empty { display: none; }

.a-Dialog .a-Dialog-controls, .a-Dialog .a-Dialog-footer { position: fixed; left: 0; right: 0; }

.a-Dialog .a-Dialog-controls { top: 0; z-index: 100; }

.a-Dialog .a-Dialog-footer { background-color: #FFF; bottom: 0; z-index: 110; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset; -webkit-transform: translateZ(0); transform: translateZ(0); }

.a-Dialog--wizard .a-Dialog-body { padding: 12px 0; }

.a-Dialog--wizard .a-Form { padding: 0 12px; }

.a-Dialog-icon { width: 96px; height: 96px; display: block; margin: 0 auto; background-size: 100%; }

.about-page .u-Report td.textHere { word-break: break-all; }

.about-page .a-Dialog-about { overflow: hidden; padding: 16px 0; background-color: #F3F4F5; border-top: 1px solid #E0E0E0; margin-bottom: -1px; }

.a-Dialog-aboutTitle { display: block; text-align: center; font-size: 24px; font-weight: 500; color: #404040; line-height: 24px; padding-bottom: 16px; }

/* ========================================================================== Help Dialog ========================================================================== */
@-webkit-keyframes openHelpDialog { from { -webkit-transform: scale(0.75);
    opacity: 0; }
  to { -webkit-transform: scale(1);
    opacity: 1; } }

@keyframes openHelpDialog { from { -webkit-transform: scale(0.75); transform: scale(0.75);
    opacity: 0; }
  to { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; } }

/* Dialog Text Content Used for help pages such as Getting Started in Page Designer ========================================================================== */
.a-Dialog-textContent { font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.85); margin: 0 32px; }

/* Shame for Page Designer Getting Started ========================================================================== */
.a-Dialog--pageDesignerGetStarted .a-Dialog-textContent big { font-size: 16px; display: block; }

.a-Dialog--pageDesignerGetStarted .a-ButtonRegion--banner .a-MediaBlock h2 { font-size: 1.6rem; }