/* Common */ /* Responsive Breakpoints */ /* Transitions - Based on Angular Material */ /* Elevation - Based on Angular Material */ .md-dialog-container { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; pointer-events: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 108; } .md-dialog-container.md-active { pointer-events: auto; } .md-dialog-container.md-active .md-dialog { opacity: 1 !important; transform: scale(1) !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition-property: opacity, transform; } .md-dialog-backdrop { position: fixed; z-index: 109; } .md-dialog { min-width: 280px; max-width: 80%; max-height: 80%; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; overflow: hidden; position: relative; z-index: 110; outline: none; border-radius: 2px; opacity: 0; box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); transform: scale(0.9, 0.85); transform-origin: center center; transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1); will-change: opacity, transform; } .md-dialog.md-reference { transform-origin: top center; } .md-dialog.md-transition-off { transition: none !important; } .md-dialog p { margin: 0; } .md-dialog-title { margin-bottom: 20px; padding: 24px 24px 0; } .md-dialog-content { padding: 0 24px 24px; -ms-flex: 1; flex: 1; -ms-flex-preferred-size: auto; flex-basis: auto; overflow: auto; position: relative; } .md-dialog-content:first-child { padding-top: 24px; } .md-dialog-content p:first-child:not(:only-child) { margin-top: 0; } .md-dialog-content p:last-child:not(:only-child) { margin-bottom: 0; } .md-dialog-body { margin: 0 -24px; padding: 0 24px; overflow: auto; } .md-dialog-actions { min-height: 52px; padding: 8px 8px 8px 24px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .md-dialog-actions:before { height: 1px; position: absolute; top: -1px; right: 0; left: 0; content: " "; } .md-dialog-actions .md-button { min-width: 64px; margin: 0; padding: 0 8px; } .md-dialog-actions .md-button + .md-button { margin-left: 8px; } /*# sourceMappingURL=index.css.map*/