.ec-content.vieworder-content .container{max-width:1920px;padding:40px 80px 100px}
.vieworder{margin:0 auto}
.vieworder-userlogin,.vieworder-guestlogin{max-width:900px;max-height:860px;text-align:center;background-color:#fff;align-items:center}
@media(min-width:993px){.vieworder-userlogin,.vieworder-guestlogin{width:calc(50% - 20px);padding:250px 0}
.vieworder-userlogin{margin-right:20px}
.vieworder-guestlogin{margin-left:20px}
.Dialog-pop-up .modal-content{padding:24px 40px 40px 40px !important}
}
.vieworder-logindiv{width:400px}
.form-emailcode{display:inline}
.btn-link{text-align:right}
.ec-mc-empty{text-align:center}
.verifyCodeWrapper{display:inline-block;float:right}
.verification{text-align:left}
.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#de1a33 !important}
.btn.disabled{color:#bebebe;border-color:#bebebe}
.verifyCodeWrapper .hsvg-refresh-h{margin-top:15px}
.vieworder-userlogin h2{margin:0;font-size:32px}
.vieworder-userlogin h3{margin:16px 0 0 0;font-size:16px;font-weight:normal}
.vieworder-userlogin .signin-btn{margin-top:40px;margin-bottom:0;padding:0 24px}
.viewBtnWrapper{margin-top:40px}
.vieworder-content .viewBtnWrapper .btn-outline-secondary{padding:0 1.5rem;font-size:.8125rem;font-weight:bold;line-height:1;border-radius:6px;color:inherit;border:2px solid #b2b2b2;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}
.viewBtnWrapper .hsvg-load-ani{position:absolute;margin-top:10px;margin-left:20px !important}
.vieworder-or{font-size:18px;font-weight:800;color:#bebebe}
.form-emailcode{padding-left:0}
.vieworder-guestlogin h3{font-size:20px;font-weight:bold;margin:0}
.vieworder-guestlogin .continue-guest{font-size:32px;line-height:43px}
#guestViewForm input{border-bottom:1px solid #e2e2e2;padding:24px 0 12px 0;background-color:#fff;height:56px;display:inline-block;box-sizing:border-box;font-size:13px}
.login-guest-email,.view-order-Id,.verification{position:relative}
.login-guest-email .invalid-feedback,.view-order-Id .invalid-feedback,.verification .invalid-feedback{position:absolute;top:100%;margin-top:0}
.imgCode{display:inline-block;width:118.5px;height:56px}
.form-email{margin-top:40px;width:100%;height:59px}
.hsvg-refresh-h{float:right;margin-top:38px}
.form-orderid{margin-top:16px;width:100%;height:59px}
.verification{margin-top:16px;width:100%;height:59px}
.form-verifycode{height:59px;display:inline}
.form-emailcode{margin-top:50px;width:339px;height:59px}
.Dialog-pop-up .modal-content .modal-body{overflow-y:hidden !important;overflow-x:hidden}
.Dialog-pop-up .modal-content .modal-header{width:100% !important;height:30px !important;padding:0;margin:0 !important}
.Dialog-pop-up .modal-content .modal-header h4{height:36px !important;line-height:36px !important;font-size:24px !important;font-weight:bold !important;text-align:center !important}
.verify-body{margin-top:34px}
.verify-text{height:auto;line-height:24px;width:100%;word-wrap:break-word !important;white-space:normal !important;word-break:break-all !important}
.verify-body p:nth-child(1){font-size:16px;margin-bottom:24px}
.verify-body p:nth-child(2){font-size:16px;margin-bottom:16px}
.verification-email-code{height:56px;width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ededed;padding-bottom:2px}
#emailCode{width:250px;height:56px;line-height:56px;margin:0}
input{overflow:hidden;background-color:#fff}
.verification-email-code .trackchart-division-line{display:none}
.button-group{padding-top:24px;display:flex;justify-content:center;align-items:center}
.cancel{margin-right:16px}
.vieworder .vieworder-userlogin,.vieworder .vieworder-guestlogin{border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}
@media(min-width:1600px) and (max-width:1919px){.ec-content.vieworder-content .container{padding:40px}
.vieworder-userlogin,.vieworder-guestlogin{padding:180px 0}
}
@media(min-width:1200px) and (max-width:1599px){.ec-content.vieworder-content .container{padding:40px}
.vieworder-userlogin,.vieworder-guestlogin{height:540px;padding:102px 0}
.vieworder-userlogin{margin-right:20px}
.vieworder-guestlogin{margin-left:20px}
}
@media(min-width:993px) and (max-width:1199px){.ec-content.vieworder-content .container{padding:44px 24px 24px}
.vieworder-userlogin,.vieworder-guestlogin{width:calc(50% - 12px);max-width:592px;max-height:500px}
.vieworder-userlogin{margin-right:12px}
.vieworder-guestlogin{margin-left:12px}
}
@media(max-width:992px){.vieworder .vieworder-userlogin,.vieworder .vieworder-guestlogin{border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}
.vieworder-userlogin{min-height:360px}
.ec-content.vieworder-content .container{padding:16px 0}
.vieworder{width:calc(100% - 32px);margin:0 16px 0 16px}
#loginguestemail{width:100%;margin-top:16px}
.vieworder-logindiv{width:calc(100% - 48px);left:24px}
.hsvg-refresh-h{float:right;margin-top:3rem}
.vieworder-userlogin,.vieworder-guestlogin{width:100%}
.vieworder-userlogin h2{font-size:24px}
.vieworder-userlogin h3{text-align:center;font-size:14px;font-weight:normal;margin-top:8px}
.vieworder-userlogin .login-description{margin-top:8px}
.vieworder-guestlogin .continue-guest{font-size:24px;line-height:36px}
.signin-btn{margin-top:22px}
.vieworder-or{text-align:center;font-size:13px;font-weight:700;color:#bebebe}
.vieworder-guestlogin{margin-top:16px;padding:48px 0}
.vieworder-guestlogin h3{text-align:center;font-size:20px;font-weight:bold}
.vieworder-guestlogin input{padding:15px 0}
.form-email{margin-top:16px}
.form-verifycode{width:100%;margin:0}
.verification{width:100%}
.verifyCodeWrapper{margin-top:0}
.verifyCodeWrapper .hsvg-refresh-h{margin:13px 0 0 8px !important}
input{overflow:hidden;background-color:#fff}
.Dialog-pop-up .modal{background-color:rgba(0,0,0,0.4) !important}
.modal.fade .modal-dialog{align-items:flex-end;min-height:100%}
.Dialog-pop-up .fmodal .modal-header{background:#fff !important;width:100% !important;height:60px !important}
.Dialog-pop-up .fmodal .modal-header>.d-md-none{padding-right:0 !important;display:flex !important;margin-top:22px}
.Dialog-pop-up .fmodal .modal-content{border-radius:24px 24px 0 0;padding:0;position:fixed;bottom:0;width:100%;min-height:480px;height:auto !important}
.Dialog-pop-up .fmodal .modal-body{padding:0 16px 0;position:relative}
.Dialog-pop-up .modal-content .modal-header{padding:0 16px 0}
.modal-header .closebtn-inside .close{top:-6px}
.verify-body{margin-top:0}
.verify-body p:nth-child(1){font-size:16px;font-weight:400;color:rgba(0,0,0,0.6);margin-bottom:16px}
.verify-body p:nth-child(2){font-size:13px;margin-bottom:16px}
.verify-body .btn-lg{min-width:140px;margin:0 7.5px}
#emailCode{width:130px;font-size:12px;margin:0}
#getEmailCode{font-size:12px;float:right;margin-top:4px}
.huawei-v4-ecommerce .btn-outline-secondary{text-align:center}
.button-group{display:flex;justify-content:center;align-items:center;position:absolute;bottom:24px;left:50%;transform:translateX(-50%)}
.vieworder-userlogin .signin-btn{margin-top:24px}
#viewOrder{margin-top:40px !important}
}
@media(min-width:993px){html[dir=rtl] .vieworder-userlogin{margin-left:20px;margin-right:0}
html[dir=rtl] .vieworder-guestlogin{margin-left:0;margin-right:20px}
.imgCode{margin-right:10px}
html[dir=rtl] .verifyCodeWrapper{margin-right:15px}
html[dir=rtl] #verificationCode{float:right;margin:0;width:210px}
.form-verifycode{width:210px;margin:0 20px 0 0}
}
@media(min-width:1200px) and (max-width:1599px){html[dir=rtl] .vieworder-userlogin{margin-left:20px;margin-right:0}
html[dir=rtl] .vieworder-guestlogin{margin-left:0;margin-right:20px}
}
@media(min-width:993px) and (max-width:1199px){html[dir=rtl] .vieworder-userlogin{margin-left:12px;margin-right:0}
html[dir=rtl] .vieworder-guestlogin{margin-left:0;margin-right:12px}
}
html[dir=rtl] #verifyImg+i{float:left;margin-right:8px !important}
html[dir=rtl] .cancel{margin-left:16px}
html[dir=rtl] .viewBtnWrapper .hsvg-load-ani{margin-right:20px !important}
@media(max-width:992px){html[dir=rtl] .vieworder.row{margin-right:15px}
html[dir=rtl] #guestOrderId{margin-top:25px}
.verifyCodeWrapper.pc-none{margin:16px 0 0}
}
body .modal{background:rgba(0,0,0,0.3);backdrop-filter:blur(40px)}
#getEmailCode{font-weight:500;color:#0a59f7}
#getEmailCode.graying{opacity:.4}
#invalid-feedback-empty{width:100%;margin-top:3px;font-size:75%;color:#de1a33;min-height:20px;line-height:20px}