.ngdialog, .ngdialog-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0 }

@-webkit-keyframes ngdialog-fadeout {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

@keyframes ngdialog-fadeout {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

@-webkit-keyframes ngdialog-fadein {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

@keyframes ngdialog-fadein {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

.ngdialog { box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 10000 }
.ngdialog *, .ngdialog :after, .ngdialog :before { box-sizing: inherit }
.ngdialog.ngdialog-disabled-animation, .ngdialog.ngdialog-disabled-animation .ngdialog-content, .ngdialog.ngdialog-disabled-animation .ngdialog-overlay { -webkit-animation: none !important; animation: none !important }
.ngdialog-overlay { background: rgba(0,0,0,.4); -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein .5s; animation: ngdialog-fadein .5s }
.ngdialog-no-overlay { pointer-events: none }
.ngdialog.ngdialog-closing .ngdialog-overlay { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout .5s; animation: ngdialog-fadeout .5s }
.ngdialog-content { background: #fff; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein .5s; animation: ngdialog-fadein .5s; pointer-events: all }
.ngdialog.ngdialog-closing .ngdialog-content { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout .5s; animation: ngdialog-fadeout .5s }
.ngdialog-close:before { font-family: Helvetica,Arial,sans-serif; content: '\00D7'; cursor: pointer }
body.ngdialog-open, html.ngdialog-open { overflow: hidden }

/*@media (max-width:768px){
    body.ngdialog-open, html.ngdialog-open {  position:fixed !important; z-index:1 !important; overflow: hidden !important; height: 100% !important; max-width:100%; }
    .ngdialog { position: absolute; top: 0; right: 0; left: 0; bottom:0; max-height:100%; }
}*/