/**  Import Compass */
/* ========================================================================== Alert ========================================================================== */
/* Wizard Alert ========================================================================== */
@-webkit-keyframes fadeIn { from { -webkit-transform: translateY(24px) scale(0.75);
    opacity: .25; }
  to { -webkit-transform: translateY(0) scale(1);
    opacity: 1; } }

@keyframes fadeIn { from { -webkit-transform: translateY(24px) scale(0.75); transform: translateY(24px) scale(0.75);
    opacity: .25; }
  to { -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1);
    opacity: 1; } }

.a-Alert--wizard { margin: 16px auto; width: 50vw; max-width: 760px; border-radius: 2px; padding: 16px; -webkit-transform: translateY(24px) scale(0.75) origin(bottom center); transform: translateY(24px) scale(0.75) origin(bottom center); opacity: .25; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in-out 1; animation: fadeIn ease-in-out 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ animation-fill-mode: forwards; -webkit-animation-duration: .2s; animation-duration: .2s; background-color: rgba(255, 255, 255, 0.85); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); background-clip: border-box; /** Media Queries */ }

.a-Alert--wizard .a-Alert-icon { text-align: center; padding: 24px 0 12px 0; }

.a-Alert--wizard .a-Alert-icon .a-Icon { width: 64px; height: 64px; }

.a-Alert--wizard .a-Alert-icon .a-Icon:before { font-size: 64px; }

.a-Alert--wizard .a-Alert-header { padding: 0 0 24px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.a-Alert--wizard .a-Alert-title { text-align: center; font-size: 24px; line-height: 1; font-weight: 500; margin: 0; }

.a-Alert--wizard .a-Alert-subTitle { font-size: 24px; line-height: 1; font-weight: 500; margin: 0 0 16px 0; color: #404040; }

.a-Alert--wizard .a-Alert-body { font-size: 16px; line-height: 24px; font-weight: 400; padding: 16px 24px 8px 24px; color: #707070; }

.a-Alert--wizard .a-Alert-buttons { padding: 16px 24px; text-align: center; margin: 0 auto; }

.a-Alert--wizard .a-Alert-inset { background-color: #F8F8F8; border-radius: 2px; padding: 12px 16px; }

.a-Alert--wizard .a-Alert-inset ul { list-style: decimal; margin: 12px 0 12px 24px; font-size: 12px; line-height: 16px; }

.a-Alert--wizard .a-Alert-inset li { margin-bottom: 4px; }

.a-Alert--wizard .a-Alert-inset pre { font-size: 10px; line-height: 16px; }

/* Alert within Wizard ========================================================================== */
.a-Wizard-body > .a-Alert--wizard, .a-Alert--inlineDialog.a-Alert--wizard { border: none; box-shadow: none; background: transparent; width: auto; }

.a-Wizard-body > .a-Alert--wizard .a-Alert-title, .a-Alert--inlineDialog.a-Alert--wizard .a-Alert-title { font-weight: 500; font-size: 32px; }

/* Horizontal Alert ========================================================================== */
.a-Alert--horizontal { margin-bottom: 8px; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background-color: #FFF; position: relative; }

.a-Alert--horizontal .a-Alert-wrap { display: table; width: 100%; }

.a-Alert--horizontal .a-Alert-icon, .a-Alert--horizontal .a-Alert-content, .a-Alert--horizontal .a-Alert-buttons { display: table-cell; padding: 16px; vertical-align: middle; }

.a-Alert--horizontal .a-Alert-icon { width: 1%; padding-right: 0; margin: 48px; text-align: center; }

.a-Alert--horizontal .a-Alert-buttons { width: 1%; text-align: right; white-space: nowrap; padding-left: 0; }

.a-Alert--horizontal .a-Alert-title { margin: 0; font-size: 20px; line-height: 20px; line-height: 1; }

.a-Alert--horizontal .a-Alert-body { color: #707070; margin-top: 4px; }

.a-Alert--horizontal .a-Alert-body p { margin: 0; font-size: 14px; line-height: 20px; }

.a-Alert--horizontal .a-Alert-title, .a-Alert--horizontal .a-Alert-body { font-weight: 400; }

.a-Alert--horizontal .a-Alert-icon .a-Icon { width: 32px; height: 32px; }

.a-Alert--horizontal .a-Alert-icon .a-Icon:before { font-size: 32px; }

/** Colorized Background */
.a-Alert--colorBG.a-Alert--warning { background-color: #fff7e0; }

.a-Alert--colorBG.a-Alert--success { background-color: #f5fdf7; }

.a-Alert--colorBG.a-Alert--danger { background-color: #fdeded; }

.a-Alert--colorBG.a-Alert--info { background-color: #e9f2fb; }

/** Default Icons */
.a-Alert--defaultIcons.a-Alert--warning .a-Alert-icon .a-Icon:before { content: '\e017'; }

.a-Alert--defaultIcons.a-Alert--success .a-Alert-icon .a-Icon:before { content: '\e007'; }

.a-Alert--defaultIcons.a-Alert--danger .a-Alert-icon .a-Icon:before { content: '\e010'; }

.a-Alert--defaultIcons.a-Alert--info .a-Alert-icon .a-Icon:before { content: '\e023'; }

/** Modifier: Warning */
.a-Alert--warning .a-Alert-icon { color: #FFCB3D; }

/** Modifier: Success */
.a-Alert--success .a-Alert-icon { color: #3ADD69; }

/** Modifier: Information */
.a-Alert--info .a-Alert-icon { color: #2580D4; }

/** Modifier: Success */
.a-Alert--danger .a-Alert-icon { color: #e72018; }

/** Modifier: No Icon */
.a-Alert--noIcon.a-Alert--wizard .a-Alert-icon { padding-top: 0; }

.a-Alert--noIcon.a-Alert--horizontal .a-Alert-icon { display: none !important; }

.a-Alert--noIcon .a-Alert-icon .a-Icon { display: none; }

/** Modifier: No Title */
.a-Alert--noTitle .a-Alert-title { display: none !important; }

/** Modifier: Page Alert */
.a-Alert--page { margin-bottom: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid #E0E0E0; }

.a-Alert--page .a-Alert-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.a-Alert--page .a-Alert-body { color: #404040; font-size: 12px; line-height: 16px; margin: 4px 0; font-weight: bold; }

.a-Alert--page .a-Alert-content, .a-Alert--page .a-Alert-buttons { padding: 8px; }

.a-Alert--page .a-Alert-icon { padding: 8px 0 8px 8px; }

.a-Alert--page .a-Alert-icon .a-Icon { padding: 4px; }

.a-Alert--page .a-Alert-icon .a-Icon:before { font-size: 24px; }

.a-Alert--page ul.htmldbUlErr { font-weight: normal; }

/** Modifier: Page Alert */
.a-Alert--dialog { margin: 0 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; border-width: 0; }

.a-Alert--dialog .a-Alert-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.a-Alert--dialog .a-Alert-body { color: #404040; font-size: 12px; line-height: 16px; margin: 4px 0; font-weight: bold; }

.a-Alert--dialog .a-Alert-content, .a-Alert--dialog .a-Alert-buttons { padding: 8px; }

.a-Alert--dialog .a-Alert-icon { padding: 8px 0 8px 8px; }

.a-Alert--dialog .a-Alert-icon .a-Icon { padding: 4px; }

.a-Alert--dialog .a-Alert-icon .a-Icon:before { font-size: 24px; }

.a-Alert--dialog ul.htmldbUlErr { font-weight: normal; }

/** Modifier: Inline Horizontal */
.a-Alert--horizontal.a-Alert--inline { box-shadow: none; border-top: 1px solid #E0E0E0; border-radius: 0; margin: 0; }
@media only screen and (max-width: 800px) { .a-Alert--wizard { width: auto; } }