.modal-transfer .modal-dialog .modal-content{box-shadow:0 4px 12px 0 rgba(0,0,0,.0784313725);border:none;border-radius:16px}.modal-transfer .modal-dialog .modal-content .modal-unlock{background-repeat:no-repeat;width:100%;border:none!important;box-shadow:none;padding:24px;background-size:cover;border-radius:16px}.modal-unlock{position:relative}.modal-unlock .modal-unlock__header{position:absolute;right:5%}.modal-unlock .modal-unlock__header button{border:none}.modal-unlock .modal-unlock__body{margin-bottom:20px}.modal-unlock .modal-unlock__body img{margin:0 auto 20px;width:300px;display:flex}.modal-unlock .modal-unlock__footer h3{text-align:center;font-size:16px;line-height:20px;font-weight:600;color:#000;margin-bottom:8px}.modal-unlock .modal-unlock__footer .extention-learning .extention-app{display:flex;align-items:center;margin-bottom:16px}.modal-unlock .modal-unlock__footer .extention-learning .extention-app img{margin-right:10px}.modal-unlock .modal-unlock__footer .extention-learning .extention-app p{font-size:14px;line-height:20px;color:#000;margin-bottom:0}.modal-unlock .update-user{margin-bottom:20px}.modal-unlock .update-user h3{font-size:24px;font-weight:600;color:#000;text-align:center;margin-bottom:8px}.modal-unlock .update-user p{font-size:14px;line-height:20px;font-weight:400;color:#000;text-align:center}.modal-unlock .update-user .head-popular{border-radius:8px;width:80%;margin:0 auto;transform:translateY(-12px);z-index:999}.modal-unlock .update-user .head-popular p{color:#fff;font-size:12px;font-weight:600;line-height:24px}.modal-unlock .update-user .option-update-user{display:flex;justify-content:space-between}.modal-unlock .update-user .option-update-user .option-user{max-width:126px;width:100%;cursor:pointer}.modal-unlock .update-user .option-update-user .option-user .price-by-month{border-bottom:rgba(0,0,0,0)!important;border-top-right-radius:18px;border-top-left-radius:18px;padding-bottom:40px}.modal-unlock .update-user .option-update-user .option-user .footer-sale{box-sizing:border-box;width:100%;background-color:#4267cd;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:8px 16px;text-align:center;font-size:12px;font-weight:600;line-height:14px;text-transform:uppercase;color:#fff}.modal-unlock .update-user .option-update-user .option-user .one-month{height:30px;background-color:rgba(0,0,0,0);border-top:rgba(0,0,0,0)!important;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal-unlock .update-user .option-update-user .option-user .time-transfer .box-month{display:flex;justify-content:center;margin-bottom:16px;text-transform:uppercase}.modal-unlock .update-user .option-update-user .option-user .time-transfer .box-month p{font-size:14px;font-weight:600;line-height:24px;color:#000;margin-right:2px}.modal-unlock .update-user .option-update-user .option-user .time-transfer .box-month .total-month{font-size:14px;font-weight:600;line-height:24px;color:#000}.modal-unlock .update-user .option-update-user .option-user .time-transfer .up-money-month .money-month{display:block;font-size:16px;line-height:16px;color:#d61c59;font-weight:800;text-align:center;position:relative}.modal-unlock .update-user .option-update-user .option-user .time-transfer .up-money-month .money-month span{font-size:12px;color:#000;font-weight:400;margin-left:4px}.modal-unlock .update-user .option-update-user .option-user .time-transfer .up-money-month .up-month{font-size:12px;color:#000;font-weight:400;position:absolute;bottom:-90%;right:24%}.modal-unlock .update-user .option-update-user .active-option{border:2px solid #4267cd}.modal-unlock .payment-method{display:flex;justify-content:center;margin-bottom:24px}.modal-unlock .payment-method .btn-payment{border:none;width:322px;height:48px;border-radius:48px;color:#fff;background-color:#4267cd;text-align:center;text-transform:uppercase;font-size:16px;font-weight:600;line-height:20px}.modal-unlock .payment-method .btn-payment span{text-transform:lowercase;margin:0 3px}@media(max-width:450px){.modal-unlock .modal-unlock__body h3{font-size:20px}.modal-unlock .extention-learning{margin-bottom:20px}.modal-unlock .extention-learning .extention-app{margin-bottom:12px}.modal-unlock .extention-learning .extention-app img{margin-right:10px;width:30px;height:30px}.modal-unlock .extention-learning .extention-app p{font-size:14px}.modal-unlock .update-user h3{font-size:20px}.modal-unlock .update-user .option-update-user .option-user .time-transfer p,.modal-unlock .update-user p{font-size:12px}}.modal-limited-point .modal-dialog{max-width:375px;width:100%}.modal-limited-point .modal-dialog .modal-content{border-radius:16px;padding:24px 12px}.modal-limited-point .content-point{position:relative}.modal-limited-point .content-point .modal-point_header .close-modal-point{width:24px;height:24px;position:absolute;right:0}.modal-limited-point .content-point .modal-point_header .close-modal-point img{width:100%}.modal-limited-point .content-point .modal-point_header h5{text-align:center;font-size:20px;font-weight:600;line-height:24px;color:#000}.modal-limited-point .content-point .modal-point-limit_content .img-modal{margin:16px 0 24px;display:flex;justify-content:center;align-items:center}.modal-limited-point .content-point .modal-point-limit_content .description-modal{text-align:center;margin-bottom:16px}.modal-limited-point .content-point .modal-point-limit_content .description-modal p{font-size:16px;font-weight:500;line-height:24px;color:#404c6d;margin-bottom:8px}.modal-limited-point .content-point .modal-point-limit_content .description-modal span{display:block;font-size:14px;font-weight:500;line-height:24px;color:gray;padding:0 20px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal{display:flex;justify-content:center;align-items:start;gap:16px;border-radius:8px;padding:8px 16px;border:.5px dashed #8b5cff;background-color:#f4f0fe;margin-bottom:16px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege h5{font-size:16px;line-height:20px;font-weight:600;color:#000;margin-bottom:24px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege h5 span{display:inline-block;width:44px;height:15px;text-align:center;line-height:15px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;border-radius:24px;background:linear-gradient(90deg,#fcd34d,#f59e0b 92.59%);box-shadow:0 2px 8px 0 rgba(0,0,0,.2509803922)}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li{margin-bottom:4px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li .item{display:flex;gap:8px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li .box-dot{display:block;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li .box-dot .dot{width:5px;height:5px;background-color:#404c6d;border-radius:50%;flex-shrink:0;margin-top:2px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li .option-pri{font-size:16px;line-height:24px;font-weight:500;color:#404c6d}.modal-limited-point .content-point .modal-point-limit_content .btn-modal-point .btn-nomal{width:100%;border-radius:24px;margin-bottom:8px;border:1px solid rgba(0,0,0,0);text-transform:uppercase;font-size:16px;line-height:24px;font-weight:600;padding:10px 0}.modal-limited-point .content-point .modal-point-limit_content .btn-modal-point .btn-nomal:hover{opacity:.7}.modal-limited-point .content-point .modal-point-limit_content .btn-modal-point .get-start{background-color:"#fff"}.modal-limited-point .content-point .modal-point-limit_content .btn-modal-point .get-start:hover{background-color:#bebfc3}.box-checkLog .modal-dialog{width:603px}.box-checkLog .modal-content{border:0!important;box-shadow:none;padding:24px 48px;border-radius:32px}@media(max-width:576px){.box-checkLog .modal-dialog{width:calc(100% - 20px)}}@media(max-width:400px){.box-checkLog .modal-content{padding:10px}}