/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.2.1
 */

md-content {
    display: block;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

md-content[md-scroll-y] {
    overflow-y: auto;
    overflow-x: hidden
}

md-content[md-scroll-x] {
    overflow-x: auto;
    overflow-y: hidden
}

@media print {
    md-content {
        overflow: visible !important
    }
}

md-dialog.md-content-overflow md-dialog-actions {
    border-top-width: 1px;
    border-top-style: solid
}

md-select-menu:not(.md-overflow) md-content {
    padding-top: 8px;
    padding-bottom: 8px
}

md-select-menu md-content {
    min-width: 136px;
    min-height: 48px;
    max-height: 256px;
    overflow-y: auto
}

md-toolbar ~ md-content > md-list {
    padding: 0
}

md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
    display: none
}

md-backdrop.md-sidenav-backdrop {
    z-index: 59;
    position: fixed;
}

md-sidenav {
    box-sizing: border-box;
    position: absolute;
    flex-direction: column;
    z-index: 60;
    width: 320px;
    max-width: 320px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

md-sidenav ul {
    list-style: none
}

md-sidenav.md-closed {
    display: none
}

md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
    display: flex;
    transition: all .2s ease-in
}

md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-sidenav.md-closed.md-locked-open-add, md-sidenav.md-locked-open, md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove, md-sidenav.md-locked-open-remove.md-closed, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed.md-sidenav-right {
    position: static;
    display: flex;
    transform: translate3d(0, 0, 0)
}

md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active) {
    transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
    width: 0 !important;
    min-width: 0 !important
}

md-sidenav.md-closed.md-locked-open-add-active, md-sidenav.md-locked-open-remove-active {
    transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2)
}

md-sidenav.md-locked-open-remove-active {
    width: 0 !important;
    min-width: 0 !important
}

.md-sidenav-backdrop.md-locked-open {
    display: none
}

.md-sidenav-left, md-sidenav {
    left: 0;
    top: 0;
    transform: translate3d(0, 0, 0)
}

.md-sidenav-left.md-closed, md-sidenav.md-closed {
    transform: translate3d(-100%, 0, 0)
}

.md-sidenav-right {
    left: 100%;
    top: 0;
    transform: translate(-100%, 0)
}

.md-sidenav-right.md-closed {
    transform: translate(0, 0)
}

@media (min-width: 600px) {
    md-sidenav {
        max-width: 400px
    }
}

@media (max-width: 456px) {
    md-sidenav {
        width: calc(100% - 56px);
        min-width: calc(100% - 56px);
        max-width: calc(100% - 56px)
    }
}

@media screen and (-ms-high-contrast: active) {
    .md-sidenav-left, md-sidenav {
        border-right: 1px solid #fff
    }
    .md-sidenav-right {
        border-left: 1px solid #fff
    }
}

md-backdrop.md-dialog-backdrop {
    z-index: 79
}

.md-dialog-is-showing {
    max-height: 100%
}

.md-dialog-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 80;
    overflow: hidden
}

md-dialog {
    opacity: 0;
    min-width: 240px;
    max-width: 80%;
    max-height: 80%;
    position: relative;
    overflow: auto;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: column
}

md-dialog.md-transition-in {
    opacity: 1;
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transform: translate(0, 0) scale(1)
}

md-dialog.md-transition-out {
    opacity: 0;
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transform: translate(0, 100%) scale(.2)
}

md-dialog > form {
    display: flex;
    flex-direction: column;
    overflow: auto
}

md-dialog .md-dialog-content {
    padding: 24px
}

md-dialog md-dialog-content {
    order: 1;
    flex-direction: column;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

md-dialog md-dialog-content:not([layout=row]) > :first-child:not(.md-subheader) {
    margin-top: 0
}

md-dialog md-dialog-content:focus {
    outline: none
}

md-dialog md-dialog-content .md-subheader {
    margin: 0
}

md-dialog md-dialog-content .md-dialog-content-body {
    width: 100%
}

md-dialog md-dialog-content .md-prompt-input-container {
    width: 100%;
    box-sizing: border-box
}

md-dialog md-dialog-actions {
    display: flex;
    order: 2;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-right: 8px;
    padding-left: 16px;
    min-height: 52px;
    overflow: hidden
}

[dir=rtl] md-dialog md-dialog-actions {
    padding-right: 16px
}

[dir=rtl] md-dialog md-dialog-actions {
    padding-left: 8px
}

md-dialog md-dialog-actions .md-button {
    margin: 8px 0 8px 8px
}

[dir=rtl] md-dialog md-dialog-actions .md-button {
    margin-left: 0
}

[dir=rtl] md-dialog md-dialog-actions .md-button {
    margin-right: 8px
}

md-dialog.md-content-overflow md-dialog-actions {
    border-top-width: 1px;
    border-top-style: solid
}

@media screen and (-ms-high-contrast: active) {
    md-dialog {
        border: 1px solid #fff
    }
}

@media (max-width: 959px) {
    md-dialog.md-dialog-fullscreen {
        min-height: 100%;
        min-width: 100%;
        border-radius: 0
    }
}

md-toolbar + md-dialog-content md-tabs, md-toolbar + md-tabs {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}