.wx-inputbox { position:fixed; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.6); opacity:0; transition:all ease 0.5s; }
.wx-inputbox.open { opacity:1; }
/* .wx-inputbox:before { content:' '; position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; overflow:hidden; background-color:rgba(0,0,0,0.6); } */
.wx-inputbox-window { position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; max-width:600px; max-height:250px; margin:auto; background-color:#f5f5f5; box-shadow:0px 0px 10px rgba(0,0,0,0.3); display:flex; flex-direction:column; }
.wx-inputbox-window .close { position:absolute; top:0px; right:0px; width:60px; max-height:60px; line-height:60px; text-align:center; background-color:#000; color:#fff; text-decoration:none !important; opacity:0.2; }
.wx-inputbox-window .close:hover { opacity:1; }
.wx-inputbox-title { display:block; width:100%; max-height:60px; line-height:60px; text-align:center; padding:0px 15px; background-color:#fff; border-bottom:solid 1px #ccc; margin-bottom:0px; font-family:'PTSans Narrow', sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; flex:1; }
.wx-inputbox-message { display:block; padding:20px 20px; text-align:center; margin-bottom:0px; font-size:16px; flex:1; }
.wx-inputbox-buttons { display:block; width:100%; max-height:60px; line-height:60px; text-align:center; background-color:#fff; border-top:solid 1px #ccc; flex:1; }
.wx-inputbox-buttons .btn { padding:0px 30px; height:40px; line-height:40px; margin:0px 5px; border-radius:0px; background-color:#777; color:#fff; text-decoration:none !important; font-size:20px; font-weight:bold; }

.wx-inputbox-buttons .btn-yes { background-color:#e80001; color:#fff; }