@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap);*{margin:0;padding:0;font-family:Roboto,sans-serif}.inner-container{margin:20px;display:flex;flex-direction:column}.inner-container .userDetails{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:30px;background:#303030;color:#fff;border-radius:5px;box-shadow:0 2px 5px 0 rgba(48,48,48,.7)}.inner-container .userDetails .userNameAddress{display:flex;flex-direction:column;justify-content:space-between}.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 .orderDetails{border-left:1px solid #565656;padding:10px 0 10px 30px;display:flex;flex-direction:column}.inner-container .userDetails .statusBtn{padding:8px 26px;border-radius:3px;font-weight:900;outline:none;border:none;cursor:text;font-size:16px;margin-top:15px;text-transform:uppercase;letter-spacing:1px}.inner-container .userDetails .statusBtn.green{background:#c8fad9;color:#018b71}.inner-container .userDetails .statusBtn.yellow{background:#f1b737;color:#303030}.inner-container .userDetails .statusBtn.red{background:#ff5147;color:#fff}.inner-container .userDetails .statusBtn.blue{background:#4a70ab;color:#fff}.inner-container .orderTrack{margin-top:20px;padding:16px 24px 55px;box-shadow:0 3px 5px 0 rgba(48,48,48,.2)}.inner-container .orderTrack .orderTrackingDetails{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}@media (min-width:360px) and (max-width:768px){.inner-container{margin:0}.inner-container .userDetails{flex-direction:column;justify-content:flex-start;align-items:unset;padding:15px;border-radius:0;flex:100%}.inner-container .userDetails .userNameAddress{flex-direction:row;justify-content:space-between}.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 .location,.inner-container .userDetails .orderId,.inner-container .userDetails .orderName{font-size:14px}.inner-container .userDetails .orderDetails{border-left:0;border-top:1px solid #565656;padding:9px 0 0;margin-top:12px;flex-direction:row-reverse;justify-content:space-between;align-items:center}.inner-container .userDetails .orderDetails .orderawb{line-height:1em}.inner-container .userDetails .orderDetails .statusBtn{margin:0;padding:8px 16px;font-size:14px}.inner-container .orderTrack{padding:16px 24px 0}.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}}