.mpm-btn{
 display: inline-block;
 height:22px;
 line-height:22px;
 padding:0 11px;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 color:#1a1a1a;
 border-color: #999999 #999999 #888888;
 border-style: solid;
 border-width: 1px;
 background: #DADADA;
 border-radius: 5px;
 text-shadow: 1px 0 0 #E0E0E0;
 box-shadow: 0 1px 0 0 #E0E0E0, inset 0 1px 0 0 #fff;
}
.mpm-btn:hover, .mpm-btn:focus, .mpm-btn:active{
 outline: none;
 text-shadow: -1px 0 0 #E0E0E0;
 box-shadow: 0 0 0 0 #E0E0E0, inset 0 0 0 0 #fff;
 background: #D4D4D4;
}
.mpm-overlay, .mpm-overlay *, .mpm-overlay *:before, .mpm-overlay *:after { box-sizing:border-box; }
.mpm-overlay { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index:32000; cursor: wait; }
.mpm-backdrop { background: rgba(0,0,0,0.2); width:100%; height:100%; position:absolute; top:0; left:0; z-index:1600; }
.mpm-aligner { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1800; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.mpm-container { position:relative; background: #FFFFFF; box-sizing:border-box; border: 2px solid #888; width:auto; max-width:800px; height:auto; border-radius:5px; box-shadow: 0x 0px 6px #888; display: block; margin-left: auto; margin-right: auto; margin-top: 240px; z-index: 1980; cursor:default; max-height:92%; overflow:hidden; }
.flexbox .mpm-container, .flexboxlegacy .mpm-container, .flexboxtweener .mpm-container{ margin-top:0; }
.mpm-container.alert, .mpm-container.confirmation, .mpm-container.flash{ max-width:320px; }
.mpm-msg-box { width:100%; padding:16px;  max-height:100%; overflow:hidden; }
.mpm-msg { text-align:center; font-weight:bold; font-size:16px; color:#333; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana, sans-serif; margin:0; }
.mpm-msg em { color:#D80200; }
.mpm-content-box { font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana, sans-serif; max-height:100%; overflow:hidden; }
.mpm-header { position:relative; display:block; background-color:#888; color:#fff; padding:4px 32px 4px 12px; }
.mpm-close { display:inline-block; width:18px; height:18px; line-height:20px; font-size:26px; font-weight:600; position:absolute; right:10px; text-align:center; text-decoration:none; color:#fff; box-sizing:border-box; opacity:0.84; }
.mpm-close:hover, .mpm-close:focus, .mpm-close:active { text-decoration:none; color:#fff;opacity:1.0 }
.mpm-content { padding:16px 12px; color:#333;  max-height:100%; overflow:auto; }
.mpm-content > *:first-child, .mpm-content > .mpm-dynamic-content > *:first-child { margin-top:0; }
.mpm-content > *:last-child, .mpm-content > .mpm-dynamic-content > *:last-child  { margin-bottom:0; }
.mpm-conf-box { width:100%; padding:4px 16px 16px; text-align:center; }
.mpm-conf-box:before, .mpm-conf-box:after{ content:" "; display:table; }
.mpm-conf-box:after{ clear:both; }
.mpm-conf-box a { min-width:64px; }
.mpm-conf-box a:hover { box-shadow:0 0 4px 0 #666 inset; }
.mpm-conf-ok-btn {  }
.mpm-conf-cancel-btn { margin-left:24px;  }
.mpm-conf-box a.highlighted { background: #D0752C; color: #FFFFFF !important; text-shadow: 0 0 1px #000000; border-color: #CC4000 #CC4000 #DB4100; }
.mpm-conf-box a.highlighted:hover { box-shadow:0 0 4px 0 #CC4000 inset; }

@media (max-width: 991px){
    .mpm-container{ max-width:92%; }
}
@media (max-width: 767px){
    .mpm-container.alert, .mpm-container.confirmation, .mpm-container.flash{ max-width:296px; }
}