.zalo_tracking_list,.zalo_tracking_list *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;--primary-color:#F96F3A;--success-color:#1cac53;--cancelled-color:#d0021b;--failed-color:#d0021b}.zalo_tracking_list{font-size:14px}.devvn_otp_login,.devvn_otp_login *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.devvn_otp_login{background:#fff;max-width:500px;margin:0 auto;padding:36px 40px;width:100%;position:relative;border-radius:5px;text-align:center;font-size:14px;color:#000}.devvn_verification_box:after{content:"";display:table;clear:both}.devvn_login_header>strong{font-size:20px;display:block;margin-bottom:5px}.devvn_login_header_mess{color:#0cab00;display:flex;justify-content:center;align-items:center;line-height:18px}.devvn_login_header_mess svg{margin-right:4px}.devvn_login_header{margin-bottom:30px}#form_get_otp input.zalo_phone_number,div#devvn-otp-login input.zalo_phone_number,div#login-form-popup input.zalo_phone_number{border:1px solid #ddd;height:45px;border-radius:5px;width:100%;padding:0 10px;outline:none;box-shadow:none;font-size:16px;margin:0}.devvn_login_body form label{display:block;text-align:left;font-weight:700;margin-bottom:5px;font-size:100%}form#form_get_otp{margin:0}button.login-box-btn,button.otp_login_btn{background:var(--primary-color,#fb7701);border:0;border-radius:26px;color:#fff;width:100%;height:48px;font-size:16px;line-height:20px;font-weight:700;cursor:pointer;margin:0}button.otp_login_btn{background:#fff;width:auto;padding:0 10px;border:1px solid #ddd;border-radius:5px;color:#333;text-transform:none;font-weight:400;display:flex;gap:10px;align-items:center}button.otp_login_btn svg{width:25px;height:25px}.devvn_login_form_row{margin-bottom:15px}.loading{position:relative;pointer-events:unset}.loading:before{position:absolute;content:'';top:0;left:0;background:rgb(255 255 255 / 50%);width:100%;height:100%;z-index:999}.loading:after{position:fixed;content:'';top:50%;margin-top:-25px;left:50%;margin-left:-25px;width:50px;height:50px;-webkit-animation:devvn_loading .6s linear;animation:devvn_loading .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:50%;border-color:var(--primary-color,#fb7701) #fff0 #fff0;border-style:solid;border-width:.3em;box-shadow:0 0 0 1px #fff0;z-index:9999}@-webkit-keyframes devvn_loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes devvn_loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.step-otp{transform:scale(0);transition:transform 0.5s ease;pointer-events:none;opacity:0;visibility:hidden;position:absolute;top:0}.step-otp.show{pointer-events:unset;opacity:1;visibility:visible;transform:scale(1);position:relative}.devvn_otp_login_box{position:relative}.otp-container{display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:10px}.devvn_otp_login .otp-input,.zalo_tracking_box .otp-input{width:64px;height:64px;font-size:24px;text-align:center;border:1px solid #ddd;border-radius:5px;outline:none;margin:0;padding:0}div#devvn-otp-login button.mfp-close,div#login-form-popup button.mfp-close{mix-blend-mode:unset;position:absolute;background-color:transparent!important;font-size:2em}span#resend-countdown{color:#9d9d9d;float:right}span#resend-countdown.resend_otp{cursor:pointer;color:var(--primary-color,#fb7701)}span.valid_mess{display:flex;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;align-items:center;-webkit-align-items:center;flex-direction:row;line-height:17px;color:green;text-align:left}span.valid_mess svg{width:12px;height:12px;margin-right:4px;flex-shrink:0;margin-top:2px}span.valid_mess.has-error{color:#fc3310}span.btn-back{z-index:11;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;flex-direction:row;position:absolute;cursor:pointer;top:-28px;left:-32px}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}.shake{animation:shake 0.4s ease-in-out 1}.grecaptcha-badge{opacity:.1;pointer-events:none}.zalo_tracking_box{width:100%;max-width:500px;margin:0 auto;box-shadow:0 0 16px rgb(0 0 0 / .11);padding:50px;border-radius:10px}.zalo_tracking_box strong{font-size:24px;font-weight:400;line-height:1.5;text-align:center;display:block;margin:0 0 30px 0}.zalo_tracking_box #form_get_otp input.zalo_phone_number{border-radius:26px;padding:0 20px}.zalo_tracking_list{display:flex;gap:20px}.z_tracking_list_left{width:300px}.z_tracking_list_right{flex:1}.z_tracking_list_left>ul{list-style:none;margin:0 0 20px 0;padding:0}.z_tracking_list_left>ul>li{margin:0 0 10px 0!important;padding:0}.z_tracking_list_left>ul>li svg{width:25px;height:25px;fill:currentColor}.z_tracking_list_left>ul>li a{display:flex;align-content:center;align-items:center;gap:10px;color:#000;padding:10px}.z_tracking_list_left>ul>li a.active,.z_tracking_list_left>ul>li a:hover{background:#e4e7ed;border-radius:5px}.button.btn-logout,.button.btn-backto{width:100%;padding:6px 10px;border-radius:5px;margin:0;background-color:var(--primary-color)}.button.btn-backto{width:auto}.z-order-status ul{list-style:none;padding:0;margin:0 0 20px}.z-order-status ul li{float:left;margin:0 10px 10px 0!important}.z-order-status ul li a{display:block;background:#fff;border:1px solid #c1c1c1;border-radius:4px;font-size:14px;line-height:16px;color:#333;padding:10px 15px;text-align:center}.z-order-status ul li a.active{border-color:#023f88;color:#023f88}.z-order-status:after,.z-order-status ul:after{content:"";display:table;clear:both}.z-order-list-box{padding:20px;border-radius:3px;overflow:hidden;background-color:#fff;margin-bottom:12px;display:flex;flex-direction:column;border:1px solid #e3e3e3}.z-order-top{display:grid;padding-bottom:10px;border-bottom:1px solid #e3e3e3;grid-template-columns:1fr max-content;gap:5px;align-items:end;margin-bottom:10px}.z-order-button{text-align:right;margin-top:10px}.z-order-button .button{margin:0;letter-spacing:normal;font-size:14px;text-transform:none;border-radius:5px;color:var(--primary-color);background:#fff;border:1px solid var(--primary-color);font-weight:400}.z-order-button .button:hover{background:var(--primary-color);color:#fff;box-shadow:none}.z-order-item-box{display:flex;margin:0 0 10px 0;gap:10px}.z-order-item-box:last-child{margin-bottom:0}.z-order-item-img{width:60px}.z-order-body{display:flex;justify-content:space-between}.z-order-item-title,.z-order-item{flex:1}.page-number-box{text-align:center}.page-number-box button{margin:0;background:var(--primary-color);color:#fff;border-radius:5px}.text-status-completed{color:var(--success-color)}.text-status-cancelled{color:var(--cancelled-color)}.text-status-failed{color:var(--failed-color)}.z_tracking_list_right>section{padding:10px;border-radius:3px;overflow:hidden;background-color:#fff;margin-bottom:12px;border:1px solid #e3e3e3}@media (max-width:849px){.zalo_tracking_list{flex-direction:column-reverse}.z_tracking_list_left{width:100%;max-width:350px}}@media (max-width:549px){.devvn_otp_login{padding:36px 10px}.devvn_otp_login .otp-input{width:16.6666%;height:35px}span.btn-back{top:-29px;left:0}.go_step1 .devvn_login_box{position:absolute;width:calc(100% - 20px)}.zalo_tracking_box{padding:50px 20px}.zalo_tracking_box strong{font-size:20px;margin-bottom:10px;padding-top:15px}.devvn_otp_login .otp-input,.zalo_tracking_box .otp-input{width:40px;height:40px}.devvn_login_header>span{font-size:14px;text-align:center;display:block}span#resend-countdown,span.valid_mess.has-error{font-size:14px}.z-order-body{flex-direction:column;gap:10px}.z-order-button,.z-order-info{text-align:center}}