html,body{height:100%;background-color:#fff;position:relative;text-align:center;vertical-align:middle;margin:0;padding:0;-webkit-box-pack:center;-webkit-box-align:center}div.wrapper{padding:0;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}table{height:100%;width:100%;padding:0;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}table.detail{align-items:center;justify-content:center}td{padding:7px}td.title{text-align:center}p.error{color:#f2332f}div.header{padding:15px 0}.logo{background:url("../images/M-Shield.png") no-repeat;background-size:100% 100%;width:200px;height:50px;margin:auto}.mwc-wrapper{font-family:'Open Sans';display:flex;flex-direction:column;height:100%}.mwcblock{height:35%}.blockinner{padding:5px 0;width:auto;height:50px;margin:0 auto}.blockinner.red{content:url("../images/warning.png")}.blockinner.yellow{content:url("../images/warning.png")}.mwcblock.red{background:url("../images/blockimg.png") no-repeat center center;background-size:cover}.mwcblock.yellow{background:url("../images/suspiciousimg.png") no-repeat center center;background-size:cover}.mwcwarning{display:flex;flex-direction:column;background-size:cover;padding:20px 0}.blocktext{color:#fff}.blocktitle{font-size:18px;font-weight:600;margin-bottom:5px}.blocksubtitle{font-size:13px}.blocktext.url{font-size:12px;font-weight:600;padding:10px;text-overflow:ellipsis;overflow:hidden}.mwcdetail{padding-bottom:10px}.mwccontent div{}.mwccontent .mwcheader{font-weight:600}.mwccontent{margin:15px}.mwccontent .mwcheader{font-size:14px;color:#53565a;text-overflow:ellipsis}.mwccontent .mwcsubheader{font-size:14px;color:#53565a}.mwccontent .mwcreport{font-size:14px;color:#00aeef;text-decoration:none}.mwc-blockcontent{top:50%;transform:translateY(-50%)}.mwcmessage{height:65%}.mwccontent{height:40%}.mwccontent.more-space{height:50%!important}.mwccontent-inner{top:50%;transform:translateY(-50%)}.mwcbuttonarea{width:100%}.mwcbuttonheight{line-height:50px;margin:15px 0 0 0}.mwccenterbutton{padding:0 15px}.mwcgobackbutton{background-color:#00aeef;color:#fff;border-radius:2px}.mwcgoback{color:#fff;font-size:14px;text-decoration:none;display:inline-block;width:100%;height:100%}.mwcopenanyway{color:red;text-decoration:none;font-size:14px;font-weight:500;display:inline-block;width:100%;height:100%}.mwcopenanywaywrapper{border:1px solid #c6c6c6;background-color:#fff;color:#000;border-radius:2px}.mwclogo{background:url(../images/M-logo.png) no-repeat;background-size:100% 100%;width:212px;height:28px}.mwcbottom{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}p{font-family:sans-serif;font-weight:normal}p.detail{font-family:sans-serif;font-size:14px;color:#c5c6c9;min-height:42px;text-align:center}div{position:relative;text-align:center;vertical-align:middle}@media only screen and (max-height:640px){.mwcdetail{padding-bottom:5px}.mwccenterbutton{padding:0 1em}.mwccontent{height:35%}}@media only screen and (orientation:portrait) and (max-height:500px){.mwcbuttonheight{height:47px;margin:5px 0 0 0}}@media only screen and (orientation:landscape) and (max-height:360px){.mwcbuttonheight{line-height:45px;margin:5px 0 0 0}.mwccontent{font-size:14px}.mwcbottom{bottom:-100px}}@media only screen and (orientation:landscape){.mwc-wrapper{flex-direction:row}.mwcblock{height:100%;width:50%}.mwcmessage{height:100%;width:50%;margin:0 auto}.mwcbuttonarea{width:90%;margin:0 auto}.mwccontent{padding:0}.mwcdetail{padding-bottom:5px}.mwccenterbutton{padding:0 1em}}