.shadow-box{border-radius:4px;box-shadow:0 0 7px 2px rgb(0 0 0/5%);margin:0 0 30px;padding:20px}.green-msg{color:#43c88e;letter-spacing:.1px}.prod-btn>a{display:inline-flex;background:#00174f;color:#fff !important;letter-spacing:.5px;padding:8px 20px;text-decoration:none;border-radius:4px;font-size:16px}.prod-btn>a:hover{text-decoration:none}.trackorder-index-index .page-title-wrapper{margin:30px 0 0;text-align:center}.click-track{margin:50px 0 0}.click-track .track-container{width:100%;margin:0 auto;max-width:53%;padding:0 10px}.click-track .search-by{display:flex}.click-track .search-by label{margin:0 12px 0 0}.click-track .search-by ul{display:flex;list-style:none;margin:0;padding:0}.click-track .search-by li{margin:0 12px 0 0}.click-track .search-by li:last-child{margin:0}.click-track .search-by input[type=radio].css-radio+label.css-radio-label{line-height:20px;margin:0;padding-left:25px}.click-track .search-box{display:flex;width:100%;align-items:center;margin:0 0 10px}.click-track .search-box .search-input{width:100%;position:relative}.click-track .search-box .search-input input{height:40px;width:100%;border:1px solid #ccc;border-right:none;padding:0 35px 0 10px}.click-track .search-box .search-input input:focus{outline:none}.click-track .search-box .search-input .search-clear{display:none;width:24px;height:24px;cursor:pointer;position:absolute;top:50%;right:5px;transform:translateY(-50%);text-align:center}.click-track .search-box .search-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #ccc;border-radius:0 4px 4px 0}.click-track .search-box .search-btn>svg{width:16px}.click-track .track-msg{line-height:115%;margin:0}.click-track .invalid-search{display:flex;display:none;flex-direction:column;align-items:center;margin:30px 0 0}.click-track .invalid-search svg{margin:0 0 10px}.click-track .invalid-search p{font-size:15px;line-height:115%;margin:0 0 10px;max-width:70%;text-align:center}.courier-data.shadow-box{padding:15px}.courier-data .title{font-size:14px;color:#969696;margin:0;font-weight:400;text-transform:initial}.courier-data .text{font-size:12px;margin:0}.courier-steps .cs-title p{font-size:18px;margin-bottom:10px}.courier-steps .prod-main .prod-thumb{padding:0 10px 0 0}.courier-steps .prod-main .prod-thumb>img{border:1px solid #ccc;height:100px}.courier-steps .prod-main .prod-detail .prod-title{font-size:15px;margin:5px 0 0;font-weight:500;color:#00174f}.share{list-style:none;margin:0;padding:0;position:relative}.share .icons{transition:.2s linear}.share li:first-of-type a{border-radius:50% 0 0 50%}.share li:nth-of-type(3) a{border-radius:0 50% 50% 0}.share:hover li:nth-of-type(2){margin:0 5px;transition:.2s linear}.share:hover li a{border-radius:50%}.share .icons a{width:28px;height:28px;background:#000;padding:7px}.share .icons svg{fill:#fff;width:16px;vertical-align:middle}.share .share-btn{display:flex;align-items:center;justify-content:center;width:90px;height:30px;background:#000;color:#fff;cursor:pointer;position:absolute;right:0;z-index:9;font-size:12px;border-radius:15px;transition:.2s linear}.share .share-btn svg{fill:#fff;height:12px;margin:0 5px 0 0}.share:hover .share-btn{opacity:0;z-index:-1}.time-summary{border-top:1px solid #e6e6e6;align-items:center;margin:10px -15px 0;padding:15px 0 0}.timeline-update{margin:0 0 50px;padding:15px 10px}.timeline-update .timeline{display:flex;flex-flow:row;justify-content:space-between;list-style:none;margin:0;padding:0;height:32px}.timeline-update .timeline li{display:inline-block;max-height:32px;width:80px;color:#00174f;font-size:68%;font-weight:400;position:relative;text-align:center}.timeline-update .timeline li .oval{width:12px;height:12px;position:absolute;top:45px;left:50%;margin-left:-6px;border-radius:100%;background-color:#d8d8d8;border:1px solid #d8d8d8;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.timeline-update .progress{display:flex;background-color:#d8d8d8;height:2px;margin:18px 36px 0}.progress-bar{width:0;height:2px}.timeline-detail{border-top:1px solid #d8d8d8;margin:30px -10px 0;padding:30px 0 0}.vertical-timeline .apparel-scroll{max-height:275px;overflow:hidden}.vertical-timeline .fs-14{font-size:87.5%}.vertical-timeline ul{color:#4a4a4a;font-size:81.25%;list-style:none;margin:0;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:0 40px;max-height:120px;overflow-y:scroll}.vertical-timeline ul::-webkit-scrollbar-track{border-radius:100px;background-color:#f2f2f2}.vertical-timeline ul::-webkit-scrollbar{width:8px;background-color:#fafafa}.vertical-timeline ul::-webkit-scrollbar-thumb{width:6px;height:40px;border-radius:100px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.14);box-shadow:0 1px 1px 0 rgba(0,0,0,.14);background-color:#fff;border:1px solid #efefef}.no-status-card,.vertical-timeline ul li{position:relative;margin-left:30px;margin-right:18px;padding:5px 15px;border-radius:4px;background-color:#fafafa}.vertical-timeline ul li:not(:first-child){margin-top:10px}.headsupfortails .vertical-timeline ul li,.vertical-timeline ul li.active{background-color:#fff9ef}.vertical-timeline ul li:not(:first-child):before{content:"";width:1px;height:45%;left:-20px;top:-4%;position:absolute;border-left:1px dashed #6c757d}.vertical-timeline ul li:last-child>span{background:0 0;height:auto}.vertical-timeline ul li .status-card{color:#878787;font-size:87.5%;text-align:left}.vertical-timeline ul li .status-card p{margin:0;font-size:1.2rem}.vertical-timeline ul li .status-card p strong{font-weight:400}.vertical-timeline ul li>span{width:.5px;height:100%;background:#4a4a4a;left:-20px;top:50%;position:absolute}.vertical-timeline span.number{height:75%}.vertical-timeline ul li>span:before{content:"";width:13px;height:13px;border-radius:50%;border:2px solid #fff;position:absolute;left:-6px;top:-6px;background-color:#00174f;border:1px solid #00174f}.vertical-timeline span.number span{position:absolute;font-size:90%;left:-40px;font-weight:400;color:#00174f;line-height:100%;top:-5px;width:30px;text-align:center}.vertical-timeline span.number span label{display:block;margin:0}.vertical-timeline ul li>span:before{content:"";width:13px;height:13px;border-radius:50%;border:2px solid #fff;position:absolute;background:#86b7e7;left:-6px;top:-6px;background-color:#4a4a4a;border:1px solid #4a4a4a}.no-scan{padding:15px;background:#f5f5f5;width:calc(100% - 30px);margin:-15px auto 0}.no-scan p{margin:0}html[lang=ar] .arabic .row [class*=col-]{direction:rtl}html[lang=ar] .click-track{text-align:right}html[lang=ar] .click-track .search-by{flex-direction:row-reverse;direction:rtl}html[lang=ar] .click-track .search-by li{margin:0 0 0 12px;line-height:24px}html[lang=ar] .click-track .search-by label{direction:rtl;margin:0 0 0 12px}html[lang=ar] .click-track .search-box{flex-direction:row-reverse;direction:ltr}html[lang=ar] .click-track .search-box .search-input input{border:1px solid #ccc;border-left:none;padding:0 10px 0 35px;text-align:right}html[lang=ar] .click-track .search-box .search-btn{border-radius:4px 0 0 4px}html[lang=ar] .click-track .track-msg{direction:rtl}html[lang=ar] .courier-steps .prod-main .prod-thumb{padding:0 0 0 10px}html[lang=ar] .share .share-btn{right:auto;left:0}html[lang=ar] .share li:first-of-type a{border-radius:0 50% 50% 0}html[lang=ar] .share li:nth-of-type(3) a{border-radius:50% 0 0 50%}html[lang=ar] .share:hover li a{border-radius:50%}html[lang=ar] .timeline-update .progress{justify-content:flex-end;direction:ltr}html[lang=ar] .timeline-detail{direction:rtl}html[lang=ar] .no-status-card,html[lang=ar] .vertical-timeline ul li{margin-left:18px;margin-right:30px}html[lang=ar] .vertical-timeline ul li>span{left:0;right:-20px}html[lang=ar] .vertical-timeline ul li:not(:first-child):before{left:0;right:-22px}html[lang=ar] .vertical-timeline ul li .status-card{flex-direction:row;text-align:right}html[lang=ar] .vertical-timeline ul li .status-card p{display:flex}html[lang=ar] .vertical-timeline ul li .status-card span{display:flex}html[lang=ar] .vertical-timeline ul li .status-card span strong{margin:0 0 0 5px}html[lang=ar] .vertical-timeline span.number span{left:auto;right:-40px}.t__order-track-btn{width:100%}.t__order-track-btn .tfield__input-check{width:auto;display:inline-block}.t__order-track-btn .tfield__input-label-checkbox span{font-size:1.6rem;color:#00174f;padding-left:2.6rem}.t__order-track-btn .tfield__input-label-checkbox:before{width:20px;height:20px;border-radius:50%;top:-2px}.t__order-track-btn .tfield__input-radiobox:checked~.tfield__input-label-checkbox:before{width:20px;height:20px;border-radius:50%}@media(min-width:768px){.sp-border-right{border-right:1px solid #ccc}html[lang=ar] .sp-border-right{border-left:1px solid #ccc;border-right:none}}@media(max-width:767px){.sp-border-right{margin:0 0 8px}.trackorder-index-index .page-title-wrapper{margin:20px 0}.trackorder-index-index .page-title-wrapper .page-title{font-size:25px}.click-track{margin:20px 0 0}.click-track .search-by{flex-direction:column;margin:0 0 15px}.click-track .search-by label{margin:0 0 7px}.click-track .search-by ul{flex-direction:column}.click-track .search-by li{margin:0 0 8px}html[lang=ar] .click-track .search-by{flex-direction:column}html[lang=ar] .click-track .search-by label{margin:0 0 7px}html[lang=ar] .click-track .search-by input[type=radio].css-radio+label.css-radio-label{min-width:95px}.courier-data .title{display:inline-block;width:30%}.courier-data .text{display:inline-block}.prod-btn>a{display:block;text-align:center}.courier-data.shadow-box .row{padding-bottom:10px}.click-track .track-container{max-width:100%}.t__order-track-btn .tfield__input-check{margin-right:7px}.t__order-track-btn .tfield__input-label-checkbox span{font-size:1.4rem}.courier-steps .prod-btn{width:100%}}@media(max-width:375px){.t__order-track-btn .tfield__input-label-checkbox span{font-size:1.2rem}.t__order-track-btn .tfield__input-check{margin-right:5px}.click-track .search-by label{margin-right:5px}}@media(max-width:575px){.courier-steps .prod-btn{margin:10px 0}}