.customer-portal-container .first-letter-uppercase:first-letter{text-transform:uppercase}.customer-portal-container .cp-head{background:#fff}@media screen and (max-width:767px){.customer-portal-container .cp-head{background:#fff;border:1px solid #dcddff;border-radius:16px;margin:10px}}.customer-portal-container .cp-head .cp-head-1{border-bottom:1px solid #dcddff;display:flex;justify-content:space-between;padding:18px 0}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-1{padding:16px 0 8px}}.customer-portal-container .cp-head .cp-head-1 .customer-info h1{color:#212529;font-size:30px;font-style:normal;font-weight:600;line-height:150%;margin-bottom:0}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-1 .customer-info h1{font-size:20px;font-weight:700;margin-bottom:10px}}.customer-portal-container .cp-head .cp-head-1 .customer-info p{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:0}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-1 .customer-info p{font-size:14px;font-weight:500}}.customer-portal-container .cp-head .cp-head-1 .customer-info.has-user-info h1{font-weight:400}.customer-portal-container .cp-head .cp-head-1 .customer-info.has-user-info h1 span{color:#2d2e7f;font-weight:600}.customer-portal-container .cp-head .cp-head-1 .customer-info.has-user-info p span{color:#f6a733;font-weight:600}.customer-portal-container .cp-head .cp-head-2{padding:110px 0}@media screen and (max-width:567px){.customer-portal-container .cp-head .cp-head-2{padding:60px 0 16px}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number{background:#dcddff;border-radius:8px;height:6px;position:relative;width:100%}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number{background:#2d2e7f;border-radius:16px;bottom:0;height:6px;left:0;position:absolute;top:0;width:30%}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number:after{background:#2d2e7f;border:2px solid #fff;border-radius:100%;content:"";height:12px;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:12px}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info{background:#dcddff;border-radius:8px;display:inline-block;padding:8px 12px;position:absolute;right:0;top:-55px;transform:translateX(50%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info:after{border:5px solid transparent;border-top-color:#dcddff;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info p{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0;text-align:center;white-space:nowrap}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info p{font-size:10px}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info p span{font-weight:700}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info p span.blue-color{color:#2d2e7f}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info.align-price-left{right:11px;transform:translateX(100%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info.align-price-left:after{left:12px}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info.align-price-right{right:-11px;transform:translateX(0)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .spent-number .spent-info.align-price-right:after{left:auto;right:2px}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target .dot{height:24px;width:24px}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target .dot{height:16px;width:16px}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target .dot>svg:first-child{position:absolute;top:0}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target .dot>svg:first-child{height:16px;width:16px}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target .dot>svg:nth-child(2){display:none;position:absolute;top:0}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target .dot>svg:nth-child(2){height:16px;width:16px}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target.active .dot>svg:first-child{display:none}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target.active .dot>svg:first-child{height:16px;width:16px}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target.active .dot>svg:nth-child(2){display:block}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target.active .dot>svg:nth-child(2){height:16px;width:16px}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-target.active .card-info{opacity:1}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-info{opacity:.4}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-info{top:24px!important}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-info h5{padding-tOP:10px;color:#2d2e7f;font-size:14px;font-style:normal;font-weight:700;line-height:140%;text-transform:uppercase}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-info img{height:45px}}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-regular .dot{left:0;position:absolute;top:50%;transform:translateY(-50%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-regular .dot .card-info{left:0;position:absolute;top:30px}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-silver .dot{left:22%;position:absolute;top:50%;transform:translate(-50%,-50%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-silver .dot .card-info{left:50%;position:absolute;text-align:center;top:30px;transform:translateX(-50%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-gold .dot{left:44%;position:absolute;top:50%;transform:translate(-50%,-50%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-gold .dot .card-info{left:50%;position:absolute;text-align:center;top:30px;transform:translateX(-50%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-platinum .dot{left:100%;position:absolute;top:50%;transform:translate(-100%,-50%)}.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-platinum .dot .card-info{position:absolute;right:0;text-align:center;top:30px}@media screen and (max-width:767px){.customer-portal-container .cp-head .cp-head-2 .loyalty-card .total-number .card-platinum .dot .card-info img{transform:scale(1.3);transform-origin:top right}}.customer-portal-container .cp-head .accumulate-points{text-align:right}@media screen and (max-width:567px){.customer-portal-container .cp-head .accumulate-points{margin-top:80px;text-align:left}}.customer-portal-container .cp-head .accumulate-points p{color:#212529;font-size:16px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:0}@media screen and (max-width:767px){.customer-portal-container .cp-head .accumulate-points p{font-size:14px}}.customer-portal-container .cp-head .accumulate-points p span{color:#2d2e7f;font-weight:900}.main-tab{align-items:flex-start;display:flex;gap:20px;margin:15px 0}@media screen and (max-width:767px){.main-tab{margin-left:-5px;margin-right:-5px;padding:0}}.main-tab .main-tab-list{background:#fff;border:1px solid #dcddff;border-radius:24px;box-shadow:0 4px 20px 0 rgba(0,0,0,.04);flex-shrink:0;padding:30px 20px;width:300px}@media screen and (max-width:991px){.main-tab .main-tab-list{background:none;box-shadow:none;padding:0;width:270px}}@media screen and (max-width:767px){.main-tab .main-tab-list{width:100%}}.main-tab .main-tab-list .tab-list-container{background:#fff;border-radius:8px;overflow:hidden}@media screen and (max-width:767px){.main-tab .main-tab-list .tab-list-container{border-radius:16px}}.main-tab .main-tab-list .tab-list-container a{align-items:center;border-bottom:.5px solid #dcddff;border-radius:0;color:#212529;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:16px;height:56px;line-height:150%;padding:0 40px}.main-tab .main-tab-list .tab-list-container a:last-of-type{border-bottom:none}.main-tab .main-tab-list .tab-list-container a.active{background:#2d2e7f;border-radius:4px;color:#fff;font-weight:700}.main-tab .main-tab-list .tab-list-container a.active img{filter:brightness(0) invert(1)}.main-tab .main-tab-content{width:100%}.tab-style{background:#fff;border:1px solid #dcddff;border-radius:24px;box-shadow:0 4px 20px 0 rgba(0,0,0,.04);margin-bottom:20px;padding:32px}@media screen and (max-width:991px){.tab-style{border-radius:16px;padding:16px 10px}}.tab-style .tab-header{position:relative}.tab-style .tab-header .btn-edit{background:#fff;border:1px solid #2d2e7f;border-radius:4px;font-size:14px;font-weight:500;line-height:21px;padding:4px 8px;position:absolute;right:0;top:2px}@media screen and (max-width:320px){.tab-style .tab-header .btn-edit{top:-3px}}.tab-style h3{border-bottom:.5px solid #dcddff;color:#212529;font-size:24px;font-style:normal;font-weight:600;line-height:150%;margin-bottom:20px;padding-bottom:16px}@media screen and (max-width:991px){.tab-style h3{font-size:20px;font-weight:700;margin-bottom:16px}}@media screen and (max-width:320px){.tab-style h3{font-size:16px;font-weight:700;margin-bottom:16px}}@media screen and (max-width:767px){.tongquan-container{background:#fff;height:100%;left:0;overflow:auto;padding:16px 10px 32px;position:fixed;top:0;width:100%;z-index:99}}.tongquan-container .card-container .card-information{display:flex;gap:20px}@media screen and (max-width:991px){.tongquan-container .card-container .card-information{flex-direction:column}}.tongquan-container .card-container .card-information .card-img{flex-shrink:0;width:217px}@media screen and (max-width:991px){.tongquan-container .card-container .card-information .card-img{text-align:center;width:100%}}.tongquan-container .card-container .card-information .card-info{width:100%}.tongquan-container .card-container .card-information .card-info .c-line{display:flex;justify-content:space-between;margin-bottom:20px}@media (max-width:435px){.tongquan-container .card-container .card-information .card-info .c-line{display:block;margin-bottom:5px}}.tongquan-container .card-container .card-information .card-info .c-line .c-title{color:#9f9f9f;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.tongquan-container .card-container .card-information .card-info .c-line .c-content{color:#212529;font-size:14px;font-style:normal;font-weight:700;line-height:150%;text-align:right}@media (max-width:375px){.tongquan-container .card-container .card-information .card-info .c-line .c-content{text-align:left}}.tongquan-container .overview-container .card-rank{display:flex;gap:13px}@media screen and (max-width:991px){.tongquan-container .overview-container .card-rank{flex-direction:column}}.tongquan-container .overview-container .card-rank .card-rank-item{background:#fff;border:.627px solid #dcddff;border-radius:15.055px;padding:15px;width:calc(33% - 7px)}.tongquan-container .overview-container .card-rank .card-rank-item img{height:45px}@media screen and (max-width:991px){.tongquan-container .overview-container .card-rank .card-rank-item{width:100%}}.tongquan-container .overview-container .card-rank .card-rank-item .card-title{align-items:center;border-bottom:.5px solid #f0f0f0;display:flex;justify-content:space-between;min-height:53px;padding-bottom:8px}.tongquan-container .overview-container .card-rank .card-rank-item .card-title h4{color:#2d2e7f;font-size:16px;font-style:normal;font-weight:700;line-height:150%;margin-bottom:0;text-transform:uppercase}.tongquan-container .overview-container .card-rank .card-rank-item .card-title.card-gold h4{-webkit-text-fill-color:transparent;background:linear-gradient(138deg,#e3a820 2.74%,#fff0b1);background-clip:text;-webkit-background-clip:text;color:#e3a820;width:100%}.tongquan-container .overview-container .card-rank .card-rank-item .card-title.card-platinum .bg-title{background:#141414;border-radius:4px;padding:0 8px}.tongquan-container .overview-container .card-rank .card-rank-item .card-title.card-platinum h4{-webkit-text-fill-color:transparent;background:linear-gradient(94deg,#d2aa74 1.88%,#fff2e0 7.12%,#f6c788 27.22%,#fff2e0 59.25%,#f6c788 80.81%,#fff2e0 90.78%);background-clip:text;-webkit-background-clip:text;position:relative}.tongquan-container .overview-container .card-rank .card-rank-item ul{border-bottom:.5px solid #f0f0f0;list-style-type:none;margin-bottom:0;min-height:340px;padding:0}@media screen and (max-width:767px){.tongquan-container .overview-container .card-rank .card-rank-item ul{min-height:auto}}.tongquan-container .overview-container .card-rank .card-rank-item ul li{color:#212529;font-size:15px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:9px;padding-left:30px;position:relative}.tongquan-container .overview-container .card-rank .card-rank-item ul li:before{background:url(/image/responsive/customer_portal/check-circle-inactive.png) no-repeat;background-size:contain;content:"";height:20px;left:0;position:absolute;top:0;width:20px}.tongquan-container .overview-container .card-rank .card-rank-item .card-rank-status .card-status{align-items:center;display:flex;gap:10px;padding-top:8px}.tongquan-container .overview-container .card-rank .card-rank-item .card-rank-status .card-status .card-status-img{flex-shrink:0}.tongquan-container .overview-container .card-rank .card-rank-item .card-rank-status .card-status .card-status-img img{height:17px}.tongquan-container .overview-container .card-rank .card-rank-item .card-rank-status .card-status p{color:#9f9f9f;font-size:14px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:0}.tongquan-container .overview-container .card-rank .card-rank-item .card-rank-status .card-status.card-active{display:none}.tongquan-container .overview-container .card-rank .card-rank-item.active{background:#f6f6ff;border:2px solid #2d2e7f;box-shadow:0 24px 40px 0 rgba(45,46,127,.1)}.tongquan-container .overview-container .card-rank .card-rank-item.active .card-title,.tongquan-container .overview-container .card-rank .card-rank-item.active ul{border-bottom:.5px solid #2d2e7f}.tongquan-container .overview-container .card-rank .card-rank-item.active ul li{color:#2d2e7f}.tongquan-container .overview-container .card-rank .card-rank-item.active ul li:before{background:url(/image/responsive/customer_portal/check-circle-active.png) no-repeat;background-size:contain;content:"";height:20px;left:0;position:absolute;top:0;width:20px}.tongquan-container .overview-container .card-rank .card-rank-item.active .card-rank-status .card-status.card-active{display:flex}.tongquan-container .overview-container .card-rank .card-rank-item.active .card-rank-status .card-status.card-active p{color:#2d2e7f}.tongquan-container .overview-container .card-rank .card-rank-item.active .card-rank-status .card-status.card-inactive{display:none}.voucher-item{position:relative;width:100%}.voucher-item .voucher-bg{background:url(/image/responsive/customer_portal/bg-voucher.png) no-repeat;background-size:contain!important;border-radius:8.913px;box-shadow:0 4px 20px rgba(0,0,0,.16);cursor:pointer;display:flex;height:102px;padding:5px 6px 17px 112px}@media (max-width:375px){.voucher-item .voucher-bg{height:85px;padding:3px 10px 17px 92px}}.voucher-item.type-gift .voucher-bg{background:url(/image/responsive/customer_portal/bg-gift.png) no-repeat;position:relative;z-index:2}.voucher-item.type-gift:after{background:url(/image/responsive/customer_portal/bg-gift-top.png) no-repeat;background-position:bottom;background-size:contain;content:"";height:19px;left:28px;position:absolute;top:-14px;width:46px;z-index:0}@media (max-width:375px){.voucher-item.type-gift:after{left:20px}}@media screen and (max-width:991px){.voucher-item{width:100%!important}}.voucher-item .voucher-info .voucher-code{color:#212529;font-size:16px;font-style:normal;font-weight:700;line-height:130%;margin-bottom:0}@media (max-width:375px){.voucher-item .voucher-info .voucher-code{font-size:15px}}.voucher-item .voucher-info .voucher-apply-condition{color:#212529;font-size:12px;font-style:normal;font-weight:500;line-height:150%;margin-bottom:4px}@media (max-width:375px){.voucher-item .voucher-info .voucher-apply-condition{margin-bottom:0}}.voucher-item .voucher-info .voucher-hsd{color:#212529;font-size:10px;font-style:normal;font-weight:500;line-height:150%}.voucher-item .apply-action{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.voucher-item .apply-action .voucher-apply-description{color:#212529;cursor:pointer;font-size:10px;font-style:normal;font-weight:500;line-height:150%;text-decoration-line:underline;white-space:nowrap}.voucher-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}@media screen and (max-width:991px){.voucher-list{gap:16px}}.voucher-list .voucher-item{width:calc(50% - 20px)}.voucher-list .voucher-item.disable{filter:grayscale(.7) opacity(.4);-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-direct{margin-top:24px;text-align:right}.button-direct a{background:#181961;border-radius:4px;color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:10px 18px}@media screen and (max-width:767px){.button-direct a{font-size:14px;padding:8px 16px}}.button-direct a:hover{color:#fff;text-decoration:none}.custom-radio{cursor:pointer;display:block;height:20px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:20px}.custom-radio input{cursor:pointer;opacity:0;position:absolute}.custom-radio .checkmark{background-color:#fff;border:2px solid #f6a733;border-radius:50%;height:20px;left:0;position:absolute;top:0;width:20px}.custom-radio:hover input~.checkmark{background-color:#fff}.custom-radio input:checked~.checkmark{background:url(/image/responsive/customer_portal/checked-icon.png) no-repeat;background-position:50%;background-size:110% 110%}.overlay-customer_portal{background-color:rgba(0,0,0,.5);bottom:0;cursor:pointer;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:999}.common-modal{background:#fff;border-radius:16px;box-shadow:-3px 2px 20px 1px rgba(0,0,0,.1);display:none;left:50%;max-width:568px;padding:12px 24px 20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);z-index:1000}.common-modal .close-modal{background:url(/image/responsive/customer_portal/close-icon2.png) no-repeat;background-position:50%;background-size:contain;cursor:pointer;height:24px;position:absolute;right:12px;top:12px;width:24px}.logout-modal{max-width:568px}.logout-modal .logout-body{padding-top:32px;text-align:center}.logout-modal .logout-body img{margin-bottom:23px;max-width:100%}@media screen and (max-width:767px){.logout-modal .logout-body img{margin-bottom:16px}}.logout-modal .logout-body p{color:#434343;font-size:18px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:32px}@media screen and (max-width:767px){.logout-modal .logout-body p{font-size:14px;margin-bottom:16px}}.logout-modal .logout-body .button-group{display:flex;gap:20px}.logout-modal .logout-body .button-group .btn-blue{margin-top:0;width:calc(50% - 10px)}.logout-modal .logout-body .button-group .btn-grey{background:#9f9f9f;border:none;border-radius:4px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:150%;outline:none;text-align:center;width:calc(50% - 10px)}.logout-modal .logout-body .button-group .btn-grey .logout-link{display:block;padding:12px 20px}@media screen and (max-width:767px){.user-info-container{background:#fff;height:100%;left:0;padding:16px 10px;position:fixed;top:0;width:100%;z-index:99}}@media screen and (max-width:991px){.user-info-container .tab-style{overflow-x:scroll;padding:24px}}.user-info-container .user-info-list .info-line{align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:24px}.user-info-container .user-info-list .info-line:last-child{margin-bottom:0}.user-info-container .user-info-list .info-line .info-title{color:#9f9f9f;font-size:14px;font-weight:400;line-height:21px;width:30%}.user-info-container .user-info-list .info-line .info-content{color:#495057;font-size:16px;font-weight:700;line-height:24px;width:70%}@media screen and (max-width:991px){.user-info-container .user-info-list .info-line .info-content{font-size:14px;text-align:right}}.user-info-modal{max-width:802px;padding:32px 40px}@media screen and (max-width:1600px) and (min-width:992px){.user-info-modal{max-width:790px;padding:15px 30px 25px}.user-info-modal .close-modal{top:32px!important}.user-info-modal .user-info-form h5{font-size:20px!important;margin-bottom:13px!important;padding:10px 10px 4px!important}.user-info-modal .form-container .input-line{margin-bottom:15px}.user-info-modal .form-container .input-group{height:50px}.user-info-modal .form-container .input-group .input-box label{top:8px}.user-info-modal .form-container .input-group .input-box .select2-container .select2-selection--single .select2-selection__rendered{padding-top:21px}.user-info-modal .form-container ul.submit-error li{font-size:14px}.user-info-modal .user-info-form .form-container .input-line.input-line-group{margin-bottom:15px}.user-info-modal .btn-blue{margin-top:15px!important}}@media screen and (max-width:767px){.user-info-modal{border-radius:0;box-shadow:none;height:100%;left:0;padding:16px 10px;top:0;transform:none;width:100%}}.user-info-modal .user-info-form h5{border-bottom:1px solid #dcddff;color:#212529;font-size:24px;font-weight:600;line-height:36px;margin-bottom:20px;max-height:110px;padding:10px 10px 16px}.user-info-modal .close-modal{right:40px;top:48px}@media screen and (max-width:767px){.user-info-modal .close-modal{display:none}.user-info-modal .btn-blue{bottom:16px;font-size:14px;left:10px;padding:8px 16px;position:absolute;width:calc(100% - 20px)}.form-container .group-input{border:1px solid #dcddff;border-radius:16px;padding:16px 10px}}@media screen and (max-width:375px){.form-container .group-input{max-height:100%;overflow:scroll;padding:10px 6px}}.form-container .input-line{margin-bottom:24px}@media screen and (max-width:767px){.form-container .input-line{margin-bottom:8px}}.form-container .input-line.input-line-group{display:flex;gap:24px;margin-bottom:0}@media screen and (max-width:767px){.form-container .input-line.input-line-group{flex-wrap:wrap;gap:8px}}@media screen and (max-width:374px){.form-container .input-line.input-line-group{gap:5px}}.form-container .input-group{align-items:center;background:#fff;border:1px solid #dcddff;border-radius:8px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);display:flex;flex-wrap:nowrap;gap:8px;height:60px;overflow:hidden;padding:7px 14px;position:relative}@media screen and (max-width:767px){.form-container .input-group{border-radius:4px;height:44px}}@media screen and (max-width:374px){.form-container .input-group{padding:7px 4px}}.form-container .input-group.submit-error{border:1px solid #c91e2c}.form-container .input-group img{pointer-events:none;position:relative;z-index:2}.form-container .input-group .input-box{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}.form-container .input-group .input-box label{color:#9f9f9f;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;left:45px;line-height:150%;margin-bottom:0;pointer-events:none;position:absolute;top:10px;z-index:2}@media screen and (max-width:767px){.form-container .input-group .input-box label{top:3px}}@media screen and (max-width:374px){.form-container .input-group .input-box label{left:30px}}.form-container .input-group .input-box label span{color:#cf0616}.form-container .input-group .input-box label .label-noti{background:#e4fbe1;border:1px solid #289d35;border-radius:4px;color:#289d35;font-size:12px;margin-left:5px;padding:0 8px}@media screen and (max-width:767px){.form-container .input-group .input-box label .label-noti{padding:0 4px}}@media screen and (max-width:374px){.form-container .input-group .input-box label .label-noti{font-size:10px}}.form-container .input-group .input-box input{border:none;bottom:0;box-shadow:none;color:#212529;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;height:21px;height:100%;left:0;line-height:150%;line-height:21px;outline:none;padding:29px 15px 8px 45px;position:absolute;right:0;top:0;width:100%}@media screen and (max-width:767px){.form-container .input-group .input-box input{padding:23px 15px 5px 45px}}@media screen and (max-width:374px){.form-container .input-group .input-box input{padding:23px 15px 5px 30px}}.form-container .input-group .input-box input:disabled{background-color:#fff;color:#9f9f9f}.form-container .input-group .input-box .select2-container{color:#212529;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;height:100%;left:0;line-height:150%;position:absolute;top:0;width:100%!important}.form-container .input-group .input-box .select2-container:after{background:url(/image/responsive/customer_portal/arrow-down.png) no-repeat;background-position:50%;background-size:contain;content:"";height:20px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px}@media screen and (max-width:767px){.form-container .input-group .input-box .select2-container:after{right:6px}}@media screen and (max-width:374px){.form-container .input-group .input-box .select2-container:after{right:1px}}.form-container .input-group .input-box .select2-container .select2-selection--single{border:none;height:100%}.form-container .input-group .input-box .select2-container .select2-selection--single .select2-selection__rendered{height:100%;padding-left:44px;padding-top:25px}@media screen and (max-width:767px){.form-container .input-group .input-box .select2-container .select2-selection--single .select2-selection__rendered{padding-top:15px}}@media screen and (max-width:374px){.form-container .input-group .input-box .select2-container .select2-selection--single .select2-selection__rendered{padding-left:30px}}.form-container .input-group .input-box .custom-placeholder{color:#212529;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;left:45px;line-height:150%;position:absolute;top:29px}.form-container .btn-gui-thong-tin{background:#181961;border:1px solid #181961;border-radius:4px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#fff;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:150%;padding:8px 16px;width:100%}.form-container .btn-gui-thong-tin img{display:none}.form-container .text-error{font-size:12px;padding:0 15px}.form-container ul{margin:0;padding-left:30px}.form-container ul.submit-error li{color:#c91e2c;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media screen and (max-width:767px){.form-container ul.submit-error li{font-size:14px}}@media screen and (max-width:375px){.user-info-form .form-container .group-input{max-height:300px}}.select2-results__option{font-size:14px;padding:6px 14px}@media screen and (max-width:767px){.select2-results__option{font-size:12px}}.select2-container--default .select2-results__option--selected{background-color:#fff}.select2-container--default .select2-results__option--highlighted.select2-results__option--highlighted{background-color:#fff;color:#212529;position:relative}.select2-container--default .select2-results__option--highlighted.select2-results__option--highlighted:after{background:url(/image/responsive/customer_portal/check-icon.png) no-repeat;background-position:50%;background-size:contain;content:"";height:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px}@media screen and (max-width:767px){.select2-container--default .select2-results__option--highlighted.select2-results__option--highlighted:after{height:14px;width:14px}}.select2-container--open .select2-dropdown--above,.select2-container--open .select2-dropdown--below{border:1px solid #f2f4f7;border-radius:8px;box-shadow:0 4px 6px -2px rgba(16,24,40,.03),0 12px 16px -4px rgba(16,24,40,.08);overflow:hidden}.select2-search--dropdown{margin:14px 14px 6px;padding:0;position:relative}.select2-search--dropdown:after{background:url(/image/responsive/customer_portal/search-icon.svg) no-repeat;background-position:50%;background-size:contain;content:"";height:20px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #dcddff;border-radius:8px;font-size:14px;font-weight:400;padding:4px 4px 4px 35px}.select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder{color:#9f9f9f}.select2-container--default .select2-search--dropdown .select2-search__field::placeholder{color:#9f9f9f}.select2-container--default .select2-selection--single .select2-selection__arrow{display:none}.back-button-box{border-bottom:1px solid #dcddff;margin-bottom:16px;padding:0 10px 16px}.back-button-box .back-button{align-items:center;color:#212529;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:10px;line-height:21px}.see_popup_voucher{display:none}.modal-voucher-style .content{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:5px 4px 9px rgba(0,0,0,.2);color:#000;font-weight:700;left:50%;max-width:425px;overflow-x:hidden;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}@media screen and (max-width:767px){.modal-voucher-style .content{border-radius:0;height:100%;overflow:auto;padding:10px;width:100%}}.modal-voucher-style .content .close-modal{background:url(/image/responsive/customer_portal/close-icon2.png) no-repeat;background-position:50%;background-size:contain;cursor:pointer;height:24px;position:absolute;right:24px;top:24px;width:24px}.modal-voucher-style .content h2{border-bottom:1px solid #dcddff;color:#212529;font-size:24px;font-weight:600;margin-bottom:28px;padding-bottom:16px;text-align:center}.modal-voucher-style .content .voucher-box-container{margin-bottom:28px}.modal-voucher-style .content .voucher-description h3{color:#2d2e7f;font-size:14px;font-weight:700}.modal-voucher-style .content .voucher-description p,.modal-voucher-style .content .voucher-description ul li{font-size:14px;font-weight:500}.modal-voucher-style .content .voucher-description{--sb-track-color:#e6e6e6;--sb-thumb-color:#909090;--sb-size:5px;max-height:300px;overflow:auto}.modal-voucher-style .content .voucher-description::-webkit-scrollbar{width:var(--sb-size)}.modal-voucher-style .content .voucher-description::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:3px}.modal-voucher-style .content .voucher-description::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:3px}@media screen and (max-width:767px){.modal-voucher-style .content .voucher-description{max-height:unset}}.modal-voucher-style .content p.condition{max-height:150px;overflow-y:auto}.modal-voucher-style .content .btn-blue{display:inline-block;margin-top:10px;text-align:center;text-decoration:none}@media screen and (max-width:767px){.modal-voucher-style .content .btn-blue{font-size:14px;padding:8px 16px}}.voucher-gift-container{position:relative}@media screen and (max-width:767px){.voucher-gift-container{background:#fff;height:100%;left:0;overflow:auto;padding:16px 10px;position:fixed;top:0;width:100%;z-index:99}.voucher-gift-container h3{margin-bottom:12px}.voucher-gift-container .tab-style{max-height:100%;overflow:auto}.voucher-gift-container .button-direct{bottom:16px;left:10px;position:absolute;width:calc(100% - 20px)}.voucher-gift-container .button-direct a{font-size:14px;text-align:center;width:100%}}.voucher-gift-tab ul{border-bottom:1px solid #dcddff;gap:16px;margin-bottom:16px;padding-bottom:16px}@media screen and (max-width:767px){.voucher-gift-tab ul{margin-bottom:12px;padding-bottom:12px}}.voucher-gift-tab ul li{width:calc(33.33333% - 10.66667px)}.voucher-gift-tab ul li a{align-items:center;border:1px solid transparent!important;border-radius:4px;color:#212529;display:flex;font-size:16px;font-weight:500;gap:6px;justify-content:center;text-align:center;transition:all .2s ease-out}@media screen and (max-width:767px){.voucher-gift-tab ul li a{font-size:12px;padding-left:5px;padding-right:5px}}.voucher-gift-tab ul li a span{background:#2d2e7f;border-radius:4px;color:#fff;display:none;font-size:14px;font-weight:500;height:22px;transition:all .2s ease-out;width:30px}@media screen and (max-width:767px){.voucher-gift-tab ul li a span{font-size:10px;height:15px;width:20px}}@media screen and (max-width:375px){.voucher-gift-tab ul li a span{width:12px}}.voucher-gift-tab ul li a.active{background:#f6f6ff!important;color:#2d2e7f!important}@media screen and (max-width:767px){.voucher-gift-tab ul li a.active{border:1px solid #dcddff!important}}.voucher-gift-tab ul li a.active span{display:inline-block}.voucher-gift-tab h5{color:#434343;font-size:18px;font-weight:700;margin-bottom:20px}.filter-voucher-container{position:relative}.filter-voucher-container:after{background:url(/image/responsive/customer_portal/arrow-down.png) no-repeat;background-position:50%;background-size:contain;content:"";height:20px;pointer-events:none;position:absolute;right:11px;top:50%;transform:translateY(-50%);width:20px}.filter-voucher-container .select2-container{min-width:220px}@media screen and (max-width:767px){.filter-voucher-container .select2-container{min-width:170px}}.filter-voucher-container .select2-container--default .select2-selection--single{border:1px solid #dcddff;height:44px}@media screen and (max-width:767px){.filter-voucher-container .select2-container--default .select2-selection--single{height:40px}}.filter-voucher-container .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:16px;line-height:44px;padding-left:14px}@media screen and (max-width:767px){.filter-voucher-container .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:12px;line-height:40px}}.filter-voucher{align-items:center;display:flex;margin-bottom:16px}@media screen and (max-width:767px){.filter-voucher{justify-content:space-between;margin-bottom:12px}}.filter-voucher label{color:#212529;font-size:16px;font-weight:400;margin-bottom:0;margin-right:20px}@media screen and (max-width:767px){.filter-voucher label{font-size:12px}}.address-list-container{position:relative}@media screen and (max-width:767px){.address-list-container{background:#fff;height:100%;left:0;padding:16px 10px;position:fixed;top:0;width:100%;z-index:99}}@media screen and (min-width:991px){.address-list-container .tab-style{min-height:527px}}.address-list-container .tab-style .no-address-list{text-align:center}.address-list-container .tab-style .no-address-list img{max-width:100%}.address-list-container .tab-style .no-address-list h5{color:#212529;font-size:16px;font-weight:700;margin-bottom:16px}.address-list-container .tab-style .no-address-list p{color:#434343;font-size:16px;font-weight:400}.address-list-container .tab-style .no-address-list button{display:inline-block;margin-top:10px;width:unset}.address-list-container .button-add-address{text-align:right}.address-list-container .button-add-address .btn-blue{display:inline-block;font-size:14px;margin-top:0;padding:8px 16px;width:unset}.address-list-container .button-add-address img{height:12px;margin-left:5px;width:12px}@media screen and (max-width:767px){.address-list-container .button-add-address{bottom:16px;left:10px;position:absolute;width:calc(100% - 20px)}.address-list-container .button-add-address .btn-blue{width:100%}.address-list-container .list-address{max-height:70vh;overflow:auto}}@media screen and (max-width:320px){.address-list-container .list-address{max-height:60vh}}.address-list-container .list-address .address-box{border:1px solid #d9d9d9;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px;position:relative}@media screen and (max-width:767px){.address-list-container .list-address .address-box .address-info{margin-bottom:22px}}.address-list-container .list-address .address-box .address-info .address-title{align-items:center;color:#262626;display:flex;font-size:16px;font-weight:400;gap:10px;margin-bottom:8px}@media screen and (max-width:767px){.address-list-container .list-address .address-box .address-info .address-title{font-size:12px;margin-top:6px}}.address-list-container .list-address .address-box .address-info .name-phone{color:#2d2e7f;font-size:16px;font-weight:600;margin-bottom:8px}.address-list-container .list-address .address-box .address-info .name-phone a{color:#2d2e7f}@media screen and (max-width:767px){.address-list-container .list-address .address-box .address-info .name-phone{font-size:14px}}.address-list-container .list-address .address-box .address-info .address-detail{font-size:14px;font-weight:400;margin-bottom:8px}@media screen and (max-width:767px){.address-list-container .list-address .address-box .address-info .address-detail{font-size:12px}}.address-list-container .list-address .address-box .address-info .address-tag{background:#e7efff;border-radius:4px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#6197ff;display:inline-block;font-size:14px;font-weight:500;padding:2px 8px}@media screen and (max-width:767px){.address-list-container .list-address .address-box .address-info .address-tag{bottom:12px;font-size:12px;left:12px;position:absolute}}.address-list-container .list-address .address-box .address-action{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;min-width:120px}@media screen and (max-width:767px){.address-list-container .list-address .address-box .address-action{min-width:unset}}.address-list-container .list-address .address-box .address-action .edit-button{border:1px solid #181961;border-radius:4px;color:#181961;display:inline-block;font-size:12px;font-weight:500;padding:5px 8px;text-decoration:none;white-space:nowrap}@media screen and (max-width:767px){.address-list-container .list-address .address-box .address-action .edit-button{position:absolute;right:12px;top:12px}.address-list-container .list-address .address-box .address-action .delete-button{bottom:12px;position:absolute;right:12px}}.address-list-container .list-address .address-box .address-action .set-address-default{background:#dcddff;border-radius:4px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#2d2e7f;font-size:12px;font-weight:500;padding:5px 8px;position:absolute;right:12px;text-decoration:none;top:54px;white-space:nowrap}.address-list-container .list-address .address-box .address-action .set-address-default.disable{background:#f7f9fe;color:rgba(45,46,127,.5);pointer-events:none}@media screen and (max-width:767px){.address-list-container .list-address .address-box .address-action .set-address-default{bottom:12px;padding:2px 8px;right:47px;top:auto}}.address-modal{max-width:802px;padding:32px 40px}@media screen and (max-width:1600px) and (min-width:992px){.address-modal{max-width:650px;padding:15px 30px 25px}.address-modal .close-modal{top:32px!important}.address-modal .address-form h5{font-size:20px!important;margin-bottom:13px!important;padding:10px 10px 4px!important}.address-modal .form-container .input-line{margin-bottom:15px}.address-modal .form-container .input-group{height:50px}.address-modal .form-container .input-group .input-box label{top:8px}.address-modal .form-container .input-group .input-box .select2-container .select2-selection--single .select2-selection__rendered{padding-top:21px}.address-modal .form-container ul.submit-error li{font-size:14px}.address-modal .address-form .form-container .input-line.input-line-group{margin-bottom:15px}.address-modal .btn-blue{margin-top:15px!important}}@media screen and (max-width:767px){.address-modal{border-radius:0;box-shadow:none;height:100%;left:0;padding:16px 10px;top:0;transform:none;width:100%}}.address-modal .address-form h5{border-bottom:1px solid #dcddff;color:#212529;font-size:24px;font-weight:600;line-height:36px;margin-bottom:20px;padding:10px 10px 16px}@media screen and (max-width:767px){.address-modal .address-form h5{display:none}}.address-modal .address-form .form-container .input-line.input-line-group{margin-bottom:24px}@media screen and (max-width:767px){.address-modal .address-form .form-container .input-line.input-line-group{display:block;margin-bottom:8px}.address-modal .address-form .form-container .input-line.input-line-group .input-group{margin-bottom:8px}}.address-modal .address-form .checkbox-default-address{color:#212529;font-size:16px;font-weight:500;margin-bottom:0;padding-left:30px}@media screen and (max-width:767px){.address-modal .address-form .checkbox-default-address{font-size:14px}}.address-modal .close-modal{right:40px;top:48px}@media screen and (max-width:767px){.address-modal .close-modal{display:none}}.address-modal .btn-blue{margin-top:24px}@media screen and (max-width:767px){.address-modal .btn-blue{bottom:16px;font-size:14px;left:10px;padding:8px 16px;position:absolute;width:calc(100% - 20px)}}.delete-address-modal{max-width:568px}.delete-address-modal .delete-address-body{padding-top:32px;text-align:center}.delete-address-modal .delete-address-body img{margin-bottom:23px;max-width:100%}@media screen and (max-width:767px){.delete-address-modal .delete-address-body img{margin-bottom:16px}}.delete-address-modal .delete-address-body p{color:#434343;font-size:18px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:32px}@media screen and (max-width:767px){.delete-address-modal .delete-address-body p{font-size:14px;margin-bottom:16px}}.delete-address-modal .delete-address-body .button-group{display:flex;gap:20px}.delete-address-modal .delete-address-body .button-group .btn-blue{margin-top:0;width:calc(50% - 10px)}.delete-address-modal .delete-address-body .button-group .btn-grey{background:#9f9f9f;border:none;border-radius:4px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:150%;outline:none;padding:12px 20px;text-align:center;width:calc(50% - 10px)}.order-history-container{position:relative}@media screen and (max-width:767px){.order-history-container{background:#fff;height:100%;left:0;overflow:auto;padding:16px 10px;position:fixed;top:0;width:100%;z-index:99}}.order-tab ul{border-bottom:1px solid #dcddff;gap:16px;margin-bottom:16px;padding-bottom:16px}@media screen and (max-width:767px){.order-tab ul{flex-wrap:nowrap;gap:8px;margin-bottom:12px;overflow:auto;padding-bottom:12px}}.order-tab ul li{width:calc(20% - 12.8px)}@media screen and (max-width:767px){.order-tab ul li{flex-shrink:0;width:auto}}.order-tab ul li a{align-items:center;border:1px solid transparent!important;border-radius:4px;color:#212529;display:flex;font-size:16px;font-weight:500;gap:6px;justify-content:center;padding:8px 2px;text-align:center;transition:all .2s ease-out}@media screen and (max-width:767px){.order-tab ul li a{font-size:12px;padding-left:5px;padding-right:5px;white-space:nowrap}}.order-tab ul li a span{background:#2d2e7f;border-radius:4px;color:#fff;display:none;flex-shrink:0;font-size:14px;font-weight:500;height:22px;transition:all .2s ease-out;width:30px}@media screen and (max-width:767px){.order-tab ul li a span{font-size:10px;height:15px;width:20px}}.order-tab ul li a.active{background:#f6f6ff!important;color:#2d2e7f!important}@media screen and (max-width:767px){.order-tab ul li a.active{border:1px solid #dcddff!important}}.order-tab ul li a.active span{display:inline-block}.order-tab .order-list .order-item{border:1px solid #dcddff;border-radius:16px;margin-bottom:24px;padding:16px}@media screen and (max-width:767px){.order-tab .order-list .order-item{margin-bottom:16px}}.order-tab .order-list .order-item:last-child{margin-bottom:0}.order-tab .order-list .order-item .order-title{align-items:flex-start;border-bottom:1px solid #dcddff;display:flex;justify-content:space-between;margin-bottom:10px}@media screen and (max-width:767px){.order-tab .order-list .order-item .order-title{flex-direction:column-reverse}}.order-tab .order-list .order-item .order-title h3{border-bottom:none;color:#212529;font-size:18px;font-weight:600;margin-bottom:10px;padding-bottom:0}@media screen and (max-width:767px){.order-tab .order-list .order-item .order-title h3{font-size:14px}}.order-tab .order-list .order-item .order-title .order-status{border-radius:16px;display:inline-block;font-size:12px;font-weight:400;min-width:77px;padding:0 10px;text-align:center}@media screen and (max-width:767px){.order-tab .order-list .order-item .order-title .order-status{font-size:10px;margin-bottom:3px;padding:1px 10px;width:unset}}.order-tab .order-list .order-item .order-title .order-status.order-delivered{background:#e4fbe1;border:1px solid #289d35;color:#289d35}.order-tab .order-list .order-item .order-title .order-status.order-delivering{background:#e7efff;border:1px solid #0040bb;color:#0040bb}.order-tab .order-list .order-item .order-title .order-status.order-waiting-delivery{background:#fff5e7;border:1px solid #f6a733;color:#f6a733}.order-tab .order-list .order-item .order-title .order-status.order-canceled{background:#ffdede;border:1px solid #cf0616;color:#cf0616}.order-tab .order-list .order-item .order-info{align-items:flex-end;display:flex;justify-content:space-between}@media screen and (max-width:767px){.order-tab .order-list .order-item .order-info{display:block}}.order-tab .order-list .order-item .order-info .order-detail{color:#434343;font-size:14px;font-weight:500}@media screen and (max-width:767px){.order-tab .order-list .order-item .order-info .order-detail{font-size:12px}}.order-tab .order-list .order-item .order-info .order-detail p{margin-bottom:5px}@media screen and (max-width:767px){.order-tab .order-list .order-item .order-info .order-detail p{margin-bottom:3px}}.order-tab .order-list .order-item .order-info .order-detail p:last-child{margin-bottom:0}.order-tab .order-list .order-item .order-info .order-detail span{color:#2d2e7f;font-weight:600}.order-tab .order-list .order-item .order-info .order-detail span.order-price{font-size:16px;font-weight:700}@media screen and (max-width:767px){.order-tab .order-list .order-item .order-info .order-detail span.order-price{font-size:12px}}.order-tab .order-list .order-item .order-info .order-view a{border:1px solid #181961;border-radius:4px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);color:#181961;display:inline-block;font-size:12px;font-weight:500;padding:2px 6px;text-align:center;text-decoration:none}@media screen and (max-width:767px){.order-tab .order-list .order-item .order-info .order-view a{margin-top:15px;padding:4px 6px;width:100%}}.order-tab .order-list .order-item .order-info .order-view .cancel-order{border:1px solid #cf0616;color:#cf0616}.no-order-list{text-align:center}.no-order-list img{max-width:100%}.no-order-list h5{color:#212529;font-size:16px;font-weight:700;margin-bottom:16px}.no-order-list p{color:#434343;font-size:16px;font-weight:400}.no-order-list a{color:#fff;display:inline-block;margin-top:10px;text-decoration:none;width:unset}.no-order-list a:hover{color:#fff}@media screen and (max-width:767px){.no-order-list a{bottom:16px;font-size:14px;left:10px;padding:8px 16px;position:absolute;right:10px}}.order-detail-modal{height:95%;max-width:953px;overflow-y:auto;padding:24px}@media screen and (max-width:767px){.order-detail-modal{border-radius:0;box-shadow:none;height:100%;left:0;padding:16px 10px;top:0;transform:none;width:100%}}.order-detail-modal .close-modal{right:1px;top:4px}@media screen and (max-width:767px){.order-detail-modal .close-modal{display:none}}.order-detail-body h5{border-bottom:1px solid #dcddff;color:#212529;font-size:24px;font-weight:600;margin-bottom:24px;padding:0 10px 16px}@media screen and (max-width:767px){.order-detail-body h5{font-size:20px;font-weight:700}}.order-detail-body .list-product-table{border:1px solid #dcddff;border-radius:8px;margin-bottom:16px}.order-detail-body .list-product-table table{margin-bottom:0}.order-detail-body .list-product-table table thead th{border-bottom:1px solid #dcddff;border-top:none;color:#212529;font-size:12px;font-weight:500;text-align:center}.order-detail-body .list-product-table table thead th:nth-child(3){min-width:377px;width:377px}@media screen and (max-width:767px){.order-detail-body .list-product-table table thead th:nth-child(3){min-width:200px;width:200px}}.order-detail-body .list-product-table table tbody tr td,.order-detail-body .list-product-table table tbody tr th{border-top:none;color:#212529;font-size:14px;font-weight:500;padding:10px;text-align:center}.order-detail-body .list-product-table table tbody tr td:nth-child(3){-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:56px;overflow:hidden;text-align:left}.order-detail-body .order-price-box{border:1px solid #dcddff;border-radius:8px}.order-detail-body .order-price-box .order-price-line{display:flex;justify-content:space-between;padding:16px}.order-detail-body .order-price-box .order-price-line:first-child{border-bottom:1px solid #e7ebf4}.order-detail-body .order-price-box .order-price-line .price-title{color:#212529;font-size:14px;font-weight:500}.order-detail-body .order-price-box .order-price-line .price-number{color:#c91e2c;font-size:18px;font-weight:500}.book-experience-container,.referral-code-container{position:relative}@media screen and (max-width:767px){.book-experience-container,.referral-code-container{background:#fff;height:100%;left:0;overflow:auto;padding:16px 10px;position:fixed;top:0;width:100%;z-index:99}}.feature-under-develop{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:390px;text-align:center}@media screen and (max-width:767px){.feature-under-develop{min-height:200px}}.feature-under-develop img{margin-bottom:20px}@media screen and (max-width:767px){.feature-under-develop img{width:32px}}.feature-under-develop p{color:#212529;font-size:24px;font-weight:400}@media screen and (max-width:767px){.feature-under-develop p{font-size:14px}}.logout-link,.logout-link:hover{color:inherit;text-decoration:none}.input-submit-error{margin-top:-20px}.input-submit-error .input-group{border:none;box-shadow:none;height:auto;padding:0}@media (max-width:767px){.input-submit-error{margin-top:0}}.table-order-detail table{width:100%}@media (max-width:767px){.table-order-detail table{width:140%}}.table-order-detail .vuanem-logo{width:12%}.table-order-detail .vuanem-od-name-td{padding:20px 0;padding-left:26%!important;text-align:center!important}@media (max-width:767px){.table-order-detail .vuanem-od-name-td{padding-left:5%!important}}.table-order-detail .vuanem-logo-link,.table-order-detail .vuanem-qr{text-align:right!important}.table-order-detail .vuanem-od-name{font-size:30px;margin-bottom:-2px}@media (max-width:767px){.table-order-detail .vuanem-od-name{font-size:22px}}.table-order-detail .vuanem-detail-od-title{margin-top:15px;padding-left:0}.table-order-detail td{min-width:145px;padding:8px 15px!important;text-align:left!important}@media (max-width:430px){.cp-body{min-height:520px}}.bell-total:hover{text-decoration:none}.user-note{color:#2d2e7f;display:block;font-size:13px;line-height:22px}.user-policy-link{color:inherit;text-decoration:underline;text-underline-offset:3px}.user-policy{font-size:14px;margin-top:10px}@media (max-width:375px){.user-policy{font-size:13px}}@media (min-width:768px){.btn-update-info-user.btn-blue{margin-top:15px}}.customer-point-info{margin-top:5px}.customer-point-info .point-count{color:#f6a733!important}.customer-point-info .point-time-wrap{background:#2d2e7f;border-radius:5px;display:inline-block;font-size:14px;min-width:205px;padding:4px 0;text-transform:uppercase}@media (max-width:768px){.customer-point-info .point-time-wrap{margin-top:2px}}.customer-point-info .point-time-wrap .point-time{border-right:1px solid #686262;color:#fff!important;font-size:13px;font-weight:700!important;padding:4px}.customer-point-info .point-time-wrap .point-time:last-child{border:none}.point-money{background:#dcddff;border-radius:10px;font-weight:400;padding:12px 10px}@media (max-width:375px){.point-money{display:inline-block;margin-top:5px;padding:5px}}.point-money strong{font-size:15px}.voucher-use-now{background:#f6a733;border-radius:4px;color:#fff!important;margin-top:4px;padding:3px 5px;text-decoration:none!important}.voucher-item .apply-action-voucher-detail{justify-content:end}.voucher-thumbnail-img{height:82px;left:10px;position:absolute;top:10px;width:82px}@media (max-width:375px){.voucher-thumbnail-img{height:65px;width:65px}}.point-money{font-size:16px;position:relative}.tooltip-icon{border:1px solid;border-radius:50%;cursor:pointer;font-size:14px;font-style:normal;font-weight:700;padding:0 7px}.tooltip-text{background-color:#333;border-radius:5px;color:#fff;display:none;padding:5px;position:absolute;right:0;top:-40px}.tooltip-text.tooltip-active{display:block!important}.price-same-color.price-number{color:blue!important}.warranty-content{margin-top:30px;min-height:390px;text-align:center}.warranty-heading{font-size:22px;font-weight:700}.warranty-link{background:#2d2e7f;border-radius:4px;color:#fff;display:inline-block;padding:12px 25px}.warranty-link:hover{color:#fff}.warranty-img-active{margin-bottom:25px;max-height:165px}