.popupBox-container{position:fixed;width:100%;height:100%;z-index:9999;}
.popupBox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background:rgba(0,0,0,0.5);}
.popupBox--info{width:-webkit-calc(100% - 20px);width:calc(100% - 20px);margin:0 10px;background:white;padding-bottom:5px;top:100px;text-align:center;border-radius:4px;z-index:9;padding:10px;position:relative;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;border:1px solid #326956;}
.popupBox--title{background:#f1f1f1;font-weight:500;color:#333333;font-size:16px;padding:0 10px;line-height:35px;position:absolute;top:0;text-align:center;width:100%;left:0;}
.popupBox--body{font-size:14px;line-height:16px;padding:4px;margin-bottom:4px;}
.popupBox h2{text-align:center;font-weight:500;line-height:50px;}
.popupBox .btn{padding:3px 20px;margin:0 10px;}
.popupBox .button{display:inline-block;}
.popup--title--offset .popupBox--body{margin-top:34px;}
.popup--btn--single .popupBox--footer .button--mini{width:100%;margin:0px;}
.popup-bottom .popupBox--info{background:#f7f7f7;}
.popup-bottom .popupBox--info{position:absolute;bottom:0px;top:auto;border-radius:0;width:100%;padding:0px;}
.popup-bottom .popupBox--body{margin-bottom:34px;}
.popup-bottom .popupBox--footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#dedede;border-top:1px solid #bfbfbf;position:absolute;bottom:0px;width:100%;}
.popup-bottom .popupBox--footer .btn{width:100%;}
.popup-bottom.popup--btn--single .popupBox--footer .button--mini--success{width:100%;margin:0px;padding:3px 0px;}
@media screen and (min-width:580px){.popupBox--info{width:300px;margin:0 auto;}
}