#modalContainer {background-color:rgba(0, 0, 0, 0.3);position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:10000; /* required by MSIE to prevent actions on lower z-index elements */}
#alertBox {position:relative;width: 100%;max-width: 500px;margin-top:50px;border: 0; border-top: 5px solid #d93033; min-height: 0;background-color:#f8f9fb;background-repeat:no-repeat;background-position:20px 30px;}
#modalContainer > #alertBox {position:fixed;}
#alertBox h1 {margin:0;font:bold 0.9em verdana,arial;background-color:#3073BB;color:#FFF;border-bottom:1px solid #000;padding:2px 0 2px 5px;}
#alertBox p {font:1em verdana,arial;padding-left:5px;margin-left:0;padding: 0;white-space: pre-line;}
#alertBox #closeBtn {display:block;position:relative;margin:15px;padding:10px;border:0 none;width:100px;font:1em verdana,arial;text-transform:uppercase;text-align:center;color:#d93033;background-color:#f8d4d4;border-radius: 3px;text-decoration:none;float: right; font-weight: bold;}
#alertBox__content { background-color: #fff; padding: 30px 20px 20px 75px; }
#alertBox_content_icon:before { border: 3px solid #b6211d; border-radius: 50%; box-shadow: 0 0 0 7px #f8d4d4; color: #b6211d; content: '!'; display: inline-block; font-size: 24px; font-weight: bold; height: 28px; line-height: 28px; text-align: center; width: 28px; position: absolute; top: 22px; left: 22px; }
@media screen and (max-width: 600px) {
 #alertBox{width: 90%;}
}
@media (max-width: 500px) {
    #alertBox {
        left: 50%!important;
        transform: translateX(-50%);
    }
}