@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap);@charset "UTF-8";*{padding:0;font-family:Roboto,sans-serif}*,.trackPageContainer,.trackPageContainer div .inner-container{margin:0}#customerPincodeInput{padding:5px}.tracking-form-page{padding:20px;display:flex;justify-content:center}.tracking-form-page .track-main-div{width:500px;padding:20px;background-color:#f0f0f0}.inner-container{margin:20px;display:flex;flex-direction:column;background-color:#f0f0f0;padding:20px}.inner-container .userDetails{display:flex;flex-direction:row;justify-content:space-between;padding:30px;color:#303030;border-radius:5px;box-shadow:0 0 0 0 rgba(48,48,48,.7)}.inner-container .userDetails .userNameAddress{justify-content:space-between}.inner-container .userDetails .orderDetails,.inner-container .userDetails .userNameAddress{display:flex;flex-direction:column;background:#fff;padding:20px;width:50%;margin:10px;border-radius:5px}.inner-container .userDetails .orderUserdetails{margin-top:15px}.inner-container .userDetails .quoteDate{font-size:16px;font-weight:400}.inner-container .userDetails .date{font-size:24px;font-weight:900}.inner-container .userDetails .awbId,.inner-container .userDetails .location,.inner-container .userDetails .orderId,.inner-container .userDetails .orderName{font-size:16px}.inner-container .userDetails .orderInfo{display:flex;padding:3px 0}.inner-container .userDetails .orderLabel{width:50%;font-weight:700;font-family:Arial,sans-serif}.inner-container .userDetails .orderValue{width:50%;font-weight:lighter;font-family:Arial,sans-serif;color:grey}.inner-container .userDetails .courierPartnerTitle{font-size:24px;font-weight:900}.inner-container .userDetails .statusBtn{padding:8px 0;border-radius:3px;font-weight:900;outline:none;border:none;cursor:text;font-size:35px;text-transform:uppercase;letter-spacing:1px}.inner-container .userDetails .statusBtn.green{color:#c8fad9}.inner-container .userDetails .statusBtn.yellow{color:#f1b737}.inner-container .userDetails .statusBtn.red{color:#ff5147}.inner-container .userDetails .statusBtn.blue{color:#4a70ab}.inner-container .orderTrack{display:flex;flex-direction:row;justify-content:space-between;padding:30px;background-color:#fff;color:#303030;border-radius:5px;box-shadow:0 0 0 0 rgba(48,48,48,.7);margin:0 40px}.inner-container .orderTrack .ScansHistory{width:50%}.inner-container .orderTrack .orderTrackingDetails{background-color:#fff;border-bottom:2px solid #eee;padding-bottom:10px}.inner-container .orderTrack .orderTrackingDetails h3{font-size:22px;text-transform:capitalize}.inner-container .orderTrack .navTimeline{margin:65px 0}.inner-container .orderTrack .navTimeline ul li{float:left;width:15%;position:relative;text-align:center;list-style-type:none;font-size:14px;cursor:pointer;font-weight:600}.inner-container .orderTrack .navTimeline ul li.active{color:#018b71}.inner-container .orderTrack .navTimeline ul li:before{content:"";width:20px;height:20px;display:block;margin:0 auto 20px;border-radius:50%;background:#e0e0e0;color:#fff;text-align:center;font-weight:700;line-height:21px}.inner-container .orderTrack .navTimeline ul li.active:before{content:"\2713";background:#018b71;color:#fff}.inner-container .orderTrack .navTimeline ul li:after{content:"";position:absolute;width:100%;height:5px;background:#e0e0e0;top:7px;left:-50%;z-index:-1}.inner-container .orderTrack .navTimeline ul li.active:after{background:#018b71}.inner-container .orderTrack .navTimeline ul li:first-child:after{content:none}.inner-container .orderTrack .scanTimeline{margin:65px 0}.inner-container .orderTrack .scanTimeline .progressBar{height:300px;overflow:auto}.inner-container .orderTrack .scanTimeline ul{padding:0;width:76%;float:right;margin:0}.inner-container .orderTrack .scanTimeline ul li{float:unset;width:unset;position:relative;text-align:right;list-style-type:none;padding:0 0 40px;cursor:pointer;font-weight:600}.inner-container .orderTrack .scanTimeline ul li.active{color:#018b71}.inner-container .orderTrack .scanTimeline ul li span:first-child{display:block;margin-bottom:12px}.inner-container .orderTrack .scanTimeline ul li span>.s-heading{font-family:Arial,sans-serif}.inner-container .orderTrack .scanTimeline ul li span.status{display:block;margin-bottom:12px;text-align:left}.inner-container .orderTrack .scanTimeline ul li div.timedate,.inner-container .orderTrack .scanTimeline ul li span.location{display:block;margin-bottom:8px;text-align:left}.inner-container .orderTrack .scanTimeline ul li:first-child .circle_icon{background:#08ff08}.inner-container .orderTrack .scanTimeline ul li .circle_icon{height:16px;width:16px;position:absolute;left:0;border:3px solid #fff;box-shadow:0 0 2px #a8a8a8;display:block;left:-41px;border-radius:50%;background:#a8a8a8;z-index:9;top:36px}.inner-container .orderTrack .scanTimeline ul li.active:before{content:"\2713";background:#018b71;color:#fff}.inner-container .orderTrack .scanTimeline ul li.active:after{background:#018b71}.inner-container .orderTrack .scanTimeline ul li:first-child:after{content:none}.inner-container .orderTrack .scanTimeline ul li:after{content:"";height:100%;width:2px;color:#000;display:block;position:absolute;left:-34px;top:-63%;z-index:1;border:1px dashed #dedede}@media (min-width:360px) and (max-width:768px){.tracking-form-page{padding:10px}.tracking-form-page .track-main-div{width:100%}.inner-container{margin:0}.inner-container .userDetails{flex-direction:column;justify-content:flex-start;align-items:unset;padding:0;border-radius:0;flex:100%}.inner-container .userDetails .userNameAddress{flex-direction:column;justify-content:space-between;width:100%;margin:0}.inner-container .userDetails .orderUserdetails{margin:0}.inner-container .userDetails .quoteDate{font-size:14px}.inner-container .userDetails .date{font-size:16px;font-weight:900}.inner-container .userDetails .awbId,.inner-container .userDetails .orderId{font-size:14px}.inner-container .userDetails .orderDetails{border-left:0;padding:20px;margin:12px 0 0;display:block;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%}.inner-container .userDetails .orderDetails .orderawb{line-height:1em}.inner-container .userDetails .orderDetails .statusBtn{margin:0;padding:8px 16px;font-size:14px}.inner-container .orderTrack{flex-direction:column;padding:16px 24px 0;margin:0}.inner-container .orderTrack .ScansHistory{width:100%}.inner-container .orderTrack .navTimeline{margin:25px 0}.inner-container .orderTrack .navTimeline ul li{float:unset;width:unset;position:relative;text-align:unset;list-style-type:none;padding:0 0 40px}.inner-container .orderTrack .navTimeline ul li span{margin-left:20px}.inner-container .orderTrack .navTimeline ul li span.timedate{position:absolute;left:20px}.inner-container .orderTrack .navTimeline ul li:before{display:inline-block;margin:0}.inner-container .orderTrack .navTimeline ul li:after{width:5px;height:100%;top:-70%;left:7.5px}.inner-container .orderTrack .scanTimeline{margin:25px 0}.inner-container .orderTrack .scanTimeline ul{padding:0;width:76%;float:right;margin:0}.inner-container .orderTrack .scanTimeline ul li{float:unset;width:unset;position:relative;text-align:right;list-style-type:none;padding:0 0 40px}.inner-container .orderTrack .scanTimeline ul li span.status{display:block;margin-bottom:12px}.inner-container .orderTrack .scanTimeline ul li span.timedate{position:absolute;left:20px;top:10px}.inner-container .orderTrack .scanTimeline ul li:after{height:100%;left:-34px;top:-73%}}