@import url(https://fonts.googleapis.com/css?family=Poppins:300,400);.f81-msgbox-mask{background:rgba(0,0,0,.5);bottom:0;left:0;margin:0;opacity:0;padding:0;position:fixed;right:0;top:0;-webkit-transition:all .3s linear;transition:all .3s linear;visibility:hidden;z-index:1000}.f81-msgbox-mask.active{opacity:1;visibility:visible}.f81-msgbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;padding:15px;position:fixed;right:0;top:0;-webkit-transition:all .3s linear;transition:all .3s linear;visibility:hidden;z-index:1000}.f81-msgbox.active{opacity:1;visibility:visible}.f81-msgbox.active .messagebox-container{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s linear;transition:all .3s linear}.messagebox-container{background:#fff;-webkit-box-shadow:0 10px 26px -2px rgba(0,0,0,.33);box-shadow:0 10px 26px -2px rgba(0,0,0,.33);width:auto;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:500px;overflow:hidden;position:relative;-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .3s linear;transition:all .3s linear}.msgbox-title{background:#fff;border-bottom:1px solid #eee;color:#616161;display:block;font-family:Poppins,sans-serif;font-size:22.4px;font-size:1.4rem;font-weight:300;padding:15px}.msgbox-title i{color:#616161}.msgbox-message{color:#455a64;font-family:Poppins,sans-serif;font-size:16px;font-size:1rem;font-weight:400;display:block;padding:30px 15px}.msgbox-buttons{display:block}.msgbox-buttons .msg-button{border:0;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fafafa;cursor:pointer;font-family:Poppins,sans-serif;font-size:19.2px;font-size:1.2rem;font-weight:300;margin:0;min-width:200px;padding:10px;position:relative;-webkit-transition:background .3s linear;transition:background .3s linear;width:50%}.msgbox-buttons .msg-button:active{top:1px}.msgbox-buttons .msg-button:focus{outline:0}.msgbox-buttons .msg-button.ok{background:#7cb342}.msgbox-buttons .msg-button.ok i{color:#486827;margin-right:5px}.msgbox-buttons .msg-button.ok:hover{background:#89be50}.msgbox-buttons .msg-button.cancel{background:#c62828}.msgbox-buttons .msg-button.cancel i{color:#711717;margin-right:5px}.msgbox-buttons .msg-button.cancel:hover{background:#d63232}