.MDialog {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 8000;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;background: rgba(0, 0, 0, 0.8); }
    .MDialog-main {width: 400px; margin:30px auto;}
    @media (max-width: 576px){.MDialog-main {width: 90%; min-width: 300px;}}
        .MDialog-content {position: relative;-webkit-background-clip: padding-box;background-clip: padding-box;outline: 0;-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);border-top: 3px solid #3c8dbc;box-shadow: 0 1px 1px rgba(0,0,0,0.1);border-radius: 3px; background: #fff;}
            .MDialog-header {border-bottom:1px solid #f4f4f4; padding: 12px; font-weight: 400; background-color: #dd4b39;}
                h4.MDialog-title {font-size: 18px; margin: 0px; color: #fff;}
                .MDialog-header button.close{font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2; margin-top:-2px; border:none; padding:0px; cursor:pointer; background-color:transparent;}
                .MDialog-header button.close:hover {filter: alpha(opacity=50);opacity:.5;}
            .MDialog-body { position:relative; border-bottom: 1px solid #e5e5e5;padding:12px;background-color: #fff;}
            .MDialog-footer { padding:6px;background-color: #fff;border-bottom-left-radius:2px; border-bottom-right-radius:2px;}