.track-area,.tracking-item{position:relative}body{color:#080c24;height:100%;font-family:Poppins;background-color:#f6f6f6}.tracking-detail{padding:3rem 0}#tracking{border-radius:6px;background-color:#fff;box-shadow:rgba(100,100,111,.050) 0 6px 20px 0}[class*=tracking-status-] p{margin:0;font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;text-align:center}[class*=tracking-status-]{padding:1rem 0}.tracking-status-exception{border-top-left-radius:6px;border-top-right-radius:6px;background-color:#080c24}.tracking-item{padding:2rem 1.5rem .5rem 2.5rem;font-size:.9rem;margin-left:3rem;min-height:5rem;border-left:2px solid #ddd}.tracking-item:last-child{padding-bottom:4rem}.tracking-item .tracking-date{margin-bottom:.5rem}.tracking-item .tracking-date span{color:#888;font-size:85%;padding-left:.4rem}.tracking-item .tracking-content{padding:.5rem .8rem;background-color:#f4f4f4;border-radius:.5rem;font-weight:500}.tracking-item .tracking-content span{display:block;color:#888;font-weight:400;font-size:14px}.tracking-item .tracking-icon{line-height:2.6rem;position:absolute;left:-1.3rem;width:2.4rem;height:2.4rem;text-align:center;border-radius:100px;font-size:18px;background-color:#ddd;color:#999}.tracking-item .tracking-icon:before{font-family:"Font Awesome 5 Pro";content:"\f110";left:0;right:0;top:0;bottom:0;font-size:20px;line-height:33px;text-align:center;margin:auto}.tracking-icon.status-done{color:#fff;background-color:#ff7a07}.tracking-item.location-tracking-item{font-size:10px;padding:.1rem 2rem;min-height:4rem;margin-left:6rem}.tracking-item.location-tracking-item:last-child{padding-bottom:2rem}@media(min-width:992px){.tracking-item{margin-left:10rem}.tracking-item.location-tracking-item{margin-left:6rem}.tracking-item .tracking-date{position:absolute;left:-10rem;width:7.5rem;text-align:right}.tracking-item .tracking-date span{display:block}.tracking-item .tracking-content{padding:0;background-color:transparent}}@media all and (min-width:768px) and (max-width:991px){.tracking-item.location-tracking-item{margin-left:1rem}}@media all and (min-width:576px) and (max-width:767px){.tracking-item.location-tracking-item{margin-left:1rem}}@media all and (max-width:575px){.tracking-item.location-tracking-item{margin-left:.7rem}}.ft-side-bar-add{overflow:hidden;padding:40px 30px;border-radius:6px}.ft-side-bar-add .ft-logo-icon img{width:auto;height:55px;margin:0 auto;filter:brightness(0) invert(1)}.ft-side-bar-add h3{color:#fff;font-size:22px;line-height:1.4;font-weight:600!important;padding:18px 0 30px}.ft-side-bar-add a{color:#fff;width:130px;height:45px;margin:0 auto;font-weight:600;border-radius:5px;background-color:#00044b}.ft-side-bar-add a:hover{color:#00044b;background-color:#fff}.ft-side-bar-add a>i{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.card-header,.tracking-item .tracking-content,.tracking-item .tracking-date{color:#080c24}.footer-block{position:fixed;bottom:0;left:0;right:0;margin:0 auto;padding:14px 10px;background-color:#f6f6f6}.track-area{padding:150px 0 40px}@media only screen and (max-width:767px){#tracking{margin-bottom:15px}.tracking-item{margin-left:2.5rem;padding:1.5rem 1.5rem 0 2rem}.tracking-item:last-child{padding-bottom:1.5rem}.track-area{padding-top:20px}}