@charset "utf-8";

#modalBg {background-color: rgba(0,0,0,0.4); position: fixed; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; display: none;}
.modal-box {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:440px; max-height:88%;  background:#fff; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3); z-index:7000;  border-radius:16px; color:#171622;}
.modal-box.large{max-width:780px;}
.modal-box ::-webkit-scrollbar{width:5px; height: 5px; background:#eeeff2; border-radius:0 4px 4px 0}
.modal-box ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:0px}
.modal-box ::-webkit-scrollbar-track{background: #efefef; -webkit-border-radius:10px; border-radius:10px;}
.modal-box ::-webkit-scrollbar-thumb{height:30%; width:5px; background:rgba(0, 0, 0, .2); -webkit-border-radius:10px; border-radius:10px ;}
.modal-body {width: 100%; height: auto; padding: 20px;}
.modal-foot {position: relative; width: 100%; padding: 12px 20px; background-color: #00C6FC; border-radius: 0 0 16px 16px;}
.modal-foot a {display: block; color: #fff; text-align: center;}