.view-topup .view-topup-home{background:#fff;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.view-topup .view-topup-home header{background:#d74138!important;height:140px;padding:10px;margin-bottom:20px;border-radius:0 0 20px 20px}.view-topup .view-topup-home header .logo img{max-width:100%;height:60px;width:100%;-o-object-fit:contain;object-fit:contain}.view-topup .view-topup-home header .login img,.view-topup .view-topup-home header .none-login img{width:35px;height:35px;float:right;border-radius:50%;-o-object-fit:contain;object-fit:contain;background:#fff;margin-right:15px}.view-topup .view-topup-home header .login .name,.view-topup .view-topup-home header .none-login .name{float:right;color:#fff;text-align:right;font-size:13px;margin-right:10px}.view-topup .view-topup-home header .login .name p,.view-topup .view-topup-home header .none-login .name p{margin-bottom:0}.view-topup .view-topup-home header .login .name strong,.view-topup .view-topup-home header .none-login .name strong{text-transform:capitalize}.view-topup .view-topup-home header .notifi a{color:#fff;position:relative;display:inline-block;float:right;font-size:20px;padding:10px 5px}.view-topup .view-topup-home header .notifi a .num{position:absolute;left:-5px;top:3px;font-size:10px;width:16px;height:16px;line-height:16px;text-align:center;background:#ff0;color:#000;border-radius:50%}.view-topup .view-topup-home .bg{border-radius:30px}.view-topup .view-topup-home .bg .membership{padding:8px 10px;color:#888;font-weight:400;font-size:14px;background:#fff;border-radius:30px}.view-topup .view-topup-home .bg .membership a{color:inherit;display:block}.view-topup .view-topup-home .bg .search{text-align:right;height:37px;background:#fff;border-radius:8px}.view-topup .view-topup-home .bg .search a.btn-toggle-search{width:100%;height:37px;line-height:37px;text-align:right;color:#888;border-radius:30px;border:none;display:block;padding:0 10px}.view-topup .view-topup-home .box-user{position:relative;padding:10px;border-radius:10px}.view-topup .view-topup-home .box-user .menu-list{background:#fff;border-radius:5px}.view-topup .view-topup-home .box-user .menu-list ul{list-style:none;padding-left:0;margin:0}.view-topup .view-topup-home .box-user .menu-list ul li{text-align:center;padding:0}.view-topup .view-topup-home .box-user .menu-list ul li a{display:block;padding:10px 5px;text-decoration:none!important}.view-topup .view-topup-home .box-user .menu-list ul li a:active{background:#dedede}.view-topup .view-topup-home .box-user .menu-list ul li img{height:35px;max-width:100%;display:block;margin:10px auto}.view-topup .view-topup-home .box-user .menu-list ul li span{color:#000;font-size:13px;display:block;padding:10px 0}.view-topup .view-topup-home .box-user .menu-list ul li i{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;background:#1b76e1;border-radius:50%;font-size:25px;color:#fff}.view-topup .view-topup-home .menu-cat{position:relative;padding:10px;border-radius:10px}.view-topup .view-topup-home .menu-cat ul{background:#fff;border-radius:5px;margin-top:0}.view-topup .view-topup-home .menu-cat ul li{width:33.3%;float:left;position:relative}.view-topup .view-topup-home .menu-cat ul li .title{padding:10px;font-weight:700;text-transform:capitalize;margin-bottom:10px}.view-topup .view-topup-home .menu-cat ul li .image{text-align:center}.view-topup .view-topup-home .menu-cat ul li .image img{height:45px;width:45px;-o-object-fit:cover;object-fit:cover;border-radius:10px;margin-bottom:10px}.view-topup .view-topup-home .menu-cat ul li .info h3{font-size:13px;text-align:center;color:#333;font-weight:700}.view-topup .view-topup-home .menu-cat ul li.has-child{position:relative}.view-topup .view-topup-home .menu-cat ul li.has-child .caret{position:absolute;bottom:10px;right:0;font-size:8px;width:15px;height:15px;line-height:15px;text-align:center;background:#034f00;color:#fff;border-radius:50%}.view-topup .view-topup-home .menu-cat .bg-child{display:none}.view-topup .view-topup-home .menu-cat .bg-child.active{position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:999;display:block;border-radius:30px 30px 0 0}.view-topup .view-topup-home .list-coupon ul,.view-topup .view-topup-home .list-endow ul{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;margin:0 0 10px}.view-topup .view-topup-home .list-coupon ul li,.view-topup .view-topup-home .list-endow ul li{flex:0 0 auto;width:80%;border-radius:12px;padding:10px;position:relative;display:inline-block;overflow:hidden}.view-topup .view-topup-home .list-coupon ul li .coupon-item,.view-topup .view-topup-home .list-coupon ul li .endow-item,.view-topup .view-topup-home .list-endow ul li .coupon-item,.view-topup .view-topup-home .list-endow ul li .endow-item{border:1px solid #ddd;box-shadow:1px 1px 7px #c7c7c7}.view-topup .view-topup-home .list-coupon ul li img,.view-topup .view-topup-home .list-endow ul li img{height:150px;width:100%;-o-object-fit:cover;object-fit:cover;background:#fff}.view-topup .view-topup-home .list-coupon ul li .info,.view-topup .view-topup-home .list-endow ul li .info{padding:10px}.view-topup .view-topup-home .list-coupon ul li .info h3,.view-topup .view-topup-home .list-endow ul li .info h3{color:#333;font-size:13px;text-transform:uppercase;font-weight:700;margin-top:5px;margin-bottom:0}.view-topup .view-topup-home .list-coupon ul li .info .btn,.view-topup .view-topup-home .list-endow ul li .info .btn{color:#fff;float:right;font-size:12px;font-weight:700;text-transform:uppercase;border:1px solid #1b76e1;background:#1b76e1}.view-topup .view-topup-home .block-list{margin-bottom:15px}.view-topup .view-topup-home .block-list .title{color:#d74138;font-weight:700;padding:10px;text-transform:capitalize;font-size:18px}.view-topup .view-topup-home .block-list .title .view-all{float:right;font-size:13px}.view-topup .view-topup-home .block-list .title .view-all a{color:#1b76e1;font-style:italic;text-decoration:underline;text-transform:none}.view-topup .view-topup-home .block-list .list-product{display:block;width:100%;position:relative;z-index:2;margin-bottom:0}.view-topup .view-topup-home .block-list .list-product ul{list-style:none;margin-bottom:0;padding-left:0}.view-topup .view-topup-home .block-list .list-product.carousel ul{border-bottom:1px solid #eee;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:10px;display:block;margin:0}.view-topup .view-topup-home .block-list .list-product.carousel ul li{position:relative;padding:0;margin-right:10px;display:inline-block;width:40%;min-width:135px;white-space:normal;vertical-align:top}.view-topup .view-topup-home .block-list .list-product.carousel ul li .product-item{margin-bottom:0}.view-topup .view-topup-home .block-list .list-product.carousel ul li .product-item h3{min-height:1px}.view-topup .view-topup-home .block-list .list-product.carousel ul li .product-item h3 a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;line-height:14px;height:42px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.view-topup .view-topup-home .menu-list2{background:transparent}.view-topup .view-topup-home .menu-sale{display:block;width:100%;position:relative;z-index:2;margin-bottom:0}.view-topup .view-topup-home .menu-sale .title{color:#1b76e1;font-weight:500;font-size:16px;padding:0 10px 5px}.view-topup .view-topup-home .menu-sale ul{border-bottom:1px solid #eee;list-style:none;padding:10px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.view-topup .view-topup-home .menu-sale ul li{position:relative;padding:0;margin-right:10px;display:inline-block;width:40%;min-width:135px;height:180px;white-space:normal;vertical-align:top}.view-topup .view-topup-home .menu-sale ul li a{border-radius:8px;background:#fff;overflow:hidden;display:block;box-shadow:1px 1px 2px #ddd;text-decoration:none!important}.view-topup .view-topup-home .menu-sale ul li a .image{width:100%;height:100px}.view-topup .view-topup-home .menu-sale ul li a .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.view-topup .view-topup-home .menu-sale ul li a .info{padding:5px}.view-topup .view-topup-home .menu-sale ul li a .info h3{font-size:12px;height:34px;line-height:17px;overflow:hidden;color:#333;margin-bottom:8px}.view-topup .view-topup-home .menu-sale ul li a .info p{color:#555;font-size:11px;height:28px;line-height:14px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:0}.view-topup .view-topup-home .menu-trademark .title{color:#1b76e1;font-weight:500;font-size:16px;padding:0 10px 5px}.view-topup .view-topup-home .menu-trademark ul{list-style:none;padding:10px 0;margin-bottom:15px;display:block;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:#fff}.view-topup .view-topup-home .menu-trademark ul li{padding:0 8px;width:25%;display:inline-block}.view-topup .view-topup-home .menu-trademark ul li a{display:block}.view-topup .view-topup-home .menu-trademark ul li a .image{width:100%;height:50px;margin-bottom:5px}.view-topup .view-topup-home .menu-trademark ul li a .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.view-topup .view-topup-home .popup-contact{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.47843137254901963);z-index:99;display:none}.view-topup .view-topup-home .popup-contact .bg{text-align:center;background:#fff;width:90%;max-width:300px;margin:35% auto 0;position:relative}.view-topup .view-topup-home .popup-contact .bg .title{background:red;color:#fff;font-weight:700;padding:8px}.view-topup .view-topup-home .popup-contact .bg .btn-close{position:absolute;top:0;right:0;color:#fff;display:inline-block;width:40px;height:37px;line-height:37px;text-align:center}.view-topup .view-topup-home .popup-contact .bg ul{list-style:none;padding-left:0;margin:0}.view-topup .view-topup-home .popup-contact .bg ul li{text-align:center;padding:0}.view-topup .view-topup-home .popup-contact .bg ul li a{display:block;padding:10px 5px;text-decoration:none!important}.view-topup .view-topup-home .popup-contact .bg ul li a:active{background:#dedede}.view-topup .view-topup-home .popup-contact .bg ul li img{height:35px;max-width:100%;display:block;margin:10px auto}.view-topup .view-topup-home .popup-contact .bg ul li span{color:#000;font-size:11px;display:block;padding-bottom:10px}.view-topup .view-topup-home .menu-cat ul{background:transparent}.view-topup .view-topup-home .menu-cat ul li{padding:5px}.view-topup .view-topup-home .menu-cat ul li a{background:#fff!important;margin:5px auto;padding:9px;border-radius:10px;display:block}.view-topup .view-topup-home .menu-cat ul li a img{margin-bottom:0!important}.view-topup .view-topup-home .menu-cat ul li .info{min-height:40px;float:left;text-align:center;width:100%;margin-top:5px}.view-topup .view-topup-home .menu-cat ul li .info h3{font-weight:400;font-size:14px}.view-topup .view-topup-home .menu-cat .title{font-size:18px;margin-bottom:15px;font-weight:700;margin-left:15px;color:#d74138}.view-topup .card .box-body{background:#fff;padding:0}.view-topup .card .box-body #tabs .tabs{border-bottom:1px solid #eee}.view-topup .card .box-body #tabs .tabs a{font-weight:700;padding:10px;display:inline-block;font-size:13px;color:#777;border-bottom:2px solid transparent}.view-topup .card .box-body #tabs .tabs a.active{color:#0368fe;border-bottom-color:#0368fe}.view-topup .card .box-body #tabs .content{padding:10px}.view-topup .card .box-body #tabs .content form{border-radius:10px;display:flex;justify-content:space-between}.view-topup .card .box-body #tabs .content form img{width:15%;-o-object-fit:contain;object-fit:contain}.view-topup .card .box-body #tabs .content form .form-group{width:75%;border:1px solid #ddd;border-radius:10px;overflow:hidden}.view-topup .card .box-body #tabs .content form .form-group label{color:#777;font-size:11px;margin-bottom:0;padding-left:10px}.view-topup .card .box-body #tabs .content form .form-group input{border:none}.view-topup .card .box-body #tabs .content h3{font-weight:700;font-size:16px;margin-top:20px}.view-topup .card .box-body #tabs .content ul.list-card{padding:0}.view-topup .card .box-body #tabs .content ul.list-card li{padding:5px;list-style:none}.view-topup .card .box-body #tabs .content ul.list-card li span{display:block;font-size:13px;padding:10px;border-radius:5px;border:1px solid #ddd;font-weight:700;text-align:center}.view-topup .card .box-body #tabs .content ul.list-card li.active_number span{border:1px solid #b01111}.view-topup .card .box-body #tabs .content ul.list-phone li span{text-align:left;font-weight:400}.view-topup .detail-card{position:relative}.view-topup .detail-card .box-body{background:#f5f9ff}.view-topup .detail-card .box-body:before{content:"";position:absolute;top:0;height:30%;left:0;width:100%;z-index:1;background:#f6cac7;border-radius:0 0 30px 30px}.view-topup .detail-card .box-body .bg{position:relative;z-index:2}.view-topup .detail-card .box-body .bg .bg-header{text-align:center;padding:10px;background:#fff;border-radius:20px 20px 0 0;border-bottom:1px dashed #ddd}.view-topup .detail-card .box-body .bg .bg-header img{height:40px}.view-topup .detail-card .box-body .bg .bg-header strong{display:block;margin-top:10px;font-size:18px}.view-topup .detail-card .box-body .bg .bg-header p{font-size:13px;color:#777}.view-topup .detail-card .box-body .bg ul.info{padding:10px;background:#fff;border-radius:0 0 20px 20px;margin-bottom:10px}.view-topup .detail-card .box-body .bg ul.info li{color:#777;display:flex;justify-content:space-between;padding:10px}.view-topup .detail-card .box-body .bg ul.info li strong{font-weight:400;color:#333}.view-topup .detail-card .box-body .bg ul.bank{background:#fff;border-radius:20px;overflow:hidden;padding:10px;margin-bottom:10px}.view-topup .detail-card .box-body .bg ul.bank li img{height:30px;margin-right:10px}.view-topup .detail-card .box-body .bg ul.bank li i{float:right;color:#0368fe;margin-top:5px}.view-topup .detail-card .box-body .bg ul.bank li:first-child{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}.view-topup .active_money,.view-topup .active_pointl{padding:10px;border-radius:10px;color:red;border-bottom:1px solid #f20909!important;border:1px solid #f20909}.view-topup .active_money .pointtl-color,.view-topup .active_pointl .pointtl-color{color:red}.view-topup .pull-right{float:right;margin-right:10px}.view-topup .pointtl-color{color:#4a4747;font-size:11px}.view-topup .detail-card .btn-fixed{height:120px}.view-topup .detail-card .btn-fixed .total-pay{height:47px;text-align:center;color:red;font-weight:700}.view-topup .red{color:red!important}.view-topup .green{color:green!important}.view-topup #modal_popup_report{top:210px}.view-topup .box-view{z-index:2}.view-topup .box-view .box-body{height:100%}.view-topup .list-old-bill{list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;margin:0 0 10px;padding:0}.view-topup .list-old-bill li{flex:0 0 auto;width:40%;border-radius:12px;position:relative;display:inline-block;overflow:hidden;margin-right:20px;text-align:left;font-size:12px;padding:5px;height:50px;border:1px solid #ccc;border-radius:10px}