.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.4)}.modal *{font-size:15pt}.modal>.modal-content{background-color:#fefefe;margin:10% auto;padding:0;border:1px solid #888;width:80%}.modal>.modal-content>.close{display:block;color:#aaa;font-size:21pt;font-weight:700;margin-right:8px;text-align:right;height:0;cursor:pointer}.modal[no-auto-close="true"]>.modal-content>.close{display:none}.modal>.modal-content>.close:after{position:absolute;content:'×';margin-left:-12px;margin-top:-20px;border:2px solid #888;color:#888;width:1.4em;height:1.4em;background-color:#fff;text-align:center;border-radius:1em}.modal>.modal-content>.close:hover,.modal>.modal-content>.close:focus{color:#000;text-decoration:none}.modal.info>.modal-content{border-color:#d3b75a;background-color:#fef1c6;max-width:900px}.modal.success>.modal-content{border-color:#9fd45b;background-color:#e4fcc5;max-width:900px}.modal.error>.modal-content{border-color:#d4675b;background-color:#fccac5;max-width:900px}.modal>.modal-content>.message{padding:0 20px;margin:20px 0}.modal>.modal-content>.message .center{text-align:center}.modal>.modal-content .errmsg{background-color:#900;border-radius:12px;color:#fff;padding:12px}.modal.info .message a{color:#d74015}.modal.success .message a{color:#5aa120}.modal.error .message a{color:#a12f10}.modal button{color:#aaa;border:1px solid #aaa;padding:12px 20px;background-color:#8881;cursor:pointer}.modal.info button{color:#d74015;border:1px solid #d74015}.modal.success button{color:#5aa120;border:1px solid #5aa120}.modal.error button{color:#a12f10;border:1px solid #a12f10}.modal button:hover{background-color:#fff8}@media screen and (max-width:1279px){.modal *{font-size:14pt}.modal>.modal-content>.close{font-size:19pt}.modal>.modal-content>.close:after{margin-left:-11px;margin-top:-17px}}@media screen and (max-width:812px){.modal *{font-size:13pt}.modal>.modal-content{margin:40px auto;width:calc(100% - 80px)}.modal>.modal-content>.message{padding:0 15px;margin:15px 0}.modal>.modal-content>.close{font-size:17pt}.modal>.modal-content>.close:after{margin-left:-8px;margin-top:-16px}}@media screen and (max-width:479px){.modal *{font-size:12pt}.modal>.modal-content{margin:10px auto;width:calc(100% - 20px)}.modal>.modal-content>.message{padding:0 10px;margin:10px 0}.modal>.modal-content>.close{font-size:15pt}.modal>.modal-content>.close:after{margin-left:-12px;margin-top:-8px}}