@charset "UTF-8";#quick-top-up-modal-overlay{position:fixed;background:rgba(12,12,12,.65);min-width:100%;min-height:100%;left:0;top:0;z-index:993;display:flex;align-items:center;justify-content:center;display:none}#quick-top-up-modal-overlay .quick-top-up-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content{padding:20px 20px 24px 20px;width:436px;min-height:408px;background:#fff;border-radius:12px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content ::-webkit-scrollbar{width:8px;height:8px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content ::-webkit-scrollbar-thumb:hover{background:#528ded}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content .modal-head{font-size:18px;text-align:center}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form{margin-top:20px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .type{font-size:16px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box{margin-top:8px;display:flex;align-items:center;overflow-x:auto}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;padding:12px 9px;width:92px;height:76px;border:1px solid #f0f0f9;border-radius:8px;background:#fff;color:#262a30;cursor:pointer}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item i{display:block;width:24px;height:24px;background-image:url(./img/cashier-default.png);background-position:center center;background-size:contain;background-repeat:no-repeat}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item i.icon-momo{background-image:url(./img/mmp.png)}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item i.icon-viettelpay{background-image:url(./img/viettelpay.png)}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item i.icon-zalo{background-image:url(./img/zlp.png)}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item .name{margin-top:8px;display:block}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item:not(:last-child){margin-right:8px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item.active{border:1px solid #528ded;color:#528ded}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item.active i{background-image:url(./img/cashier-active.png)}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item.active i.icon-momo{background-image:url(./img/mmp.png)}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item.active i.icon-viettelpay{background-image:url(./img/viettelpay.png)}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .cashier-box .item.active i.icon-zalo{background-image:url(./img/zlp.png)}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .recharge-remark{margin-top:8px;display:none;align-items:center}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .recharge-remark .remark-icon{margin-right:5px;display:inline-block;height:12px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .recharge-remark .remark-txt{color:#c9c9d1}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .recharge-amount{margin-top:20px;font-size:16px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .input-box{margin-top:8px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .input-box input{width:100%;height:36px;border-radius:8px;border:1px solid #d8d8ea;text-indent:12px}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .input-box input:focus{border-color:#528ded}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .rebate-amount{display:flex;margin-top:8px;font-size:14px;display:none}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .rebate-amount .txt{margin-right:7px;display:inline-block;color:#c9c9d1;text-transform:capitalize}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .rebate-amount .money{color:#757a8a}#quick-top-up-modal-overlay .quick-top-up-modal .modal-content form .recharge-submit{display:block;margin:28px auto 0 auto;width:90%;background:#528ded;height:46px;border-radius:23px;font-size:18px;color:#fff}#quick-top-up-modal-overlay .quick-top-up-modal .icon-close{position:absolute;bottom:-48px;left:50%;transform:translateX(-50%);display:inline-block;width:28px;height:28px;cursor:pointer}#quick-top-up-modal-overlay .quick-top-up-modal .icon-close:before{content:none!important}