.tracking-detail {
    padding:3rem 0
}
#tracking {
    margin-bottom:1rem
}
[class*=tracking-status-] p {
    margin:0;
    color:#fff;
    text-transform:uppercase;
    text-align:center
}
[class*=tracking-status-] {
    padding:1.6rem 0
}
.tracking-status-intransit {
    background-color:#65aee0
}
.tracking-status-outfordelivery {
    background-color:#f5a551
}
.tracking-status-deliveryoffice {
    background-color:#f7dc6f
}
.tracking-status-delivered {
    background-color:#4cbb87
}
.tracking-status-attemptfail {
    background-color:#b789c7
}
.tracking-status-error,.tracking-status-exception {
    background-color:#d26759
}
.tracking-status-expired {
    background-color:#616e7d
}
.tracking-status-pending {
    background-color:#ccc
}
.tracking-status-inforeceived {
    background-color:#214977
}
.tracking-list {
}
.tracking-item {
    border-left: 1px dashed rgba(116, 116, 116, 1);
    position:relative;
    padding: 0 1.5rem 2.5rem 2.0rem;
    margin-left:3rem;
    min-height:5rem
}
.tracking-item:last-child {
    padding-bottom: 1rem;
    border: none;
}
.tracking-item .tracking-date {
    margin-bottom: .5rem
}
.tracking-item .tracking-date span {
    color:#888;
    font-size:85%;
    padding-left:.4rem
}
.tracking-item .tracking-content span {
    display:block;
    color:#888;
    font-size:90%
}
.tracking-item .tracking-icon {
    line-height: 1.15rem;
    position: absolute;
    left: -0.6rem;
    width: 1.2rem;
    height: 1.2rem;
    text-align:center;
    border-radius:50%;
    background-color:#fff;
    color:#fff
}
.svg-inline{
     height: .7em;
 }

.status-ticked-grey{
    background-color: rgba(189, 189, 189, 1) !important;
}
.status-ticked{
    background-color: rgba(25, 188, 31, 1) !important;
}
.status-booked {
    color: rgba(96, 96, 96, 1) !important;
    background-color: rgba(96, 96, 96, 0.1) !important;
}
.status-planned{
    color: rgba(233, 30, 99, 1) !important;
    background-color: rgba(233, 30, 99, 0.1) !important;
}
.status-cancelled {
    color: rgba(220, 53, 69, 1) !important;
    background-color: rgba(220, 53, 69, 0.1) !important;
}
.status-quote {
    color: rgba(106, 76, 147, 1) !important;
    background-color: rgba(106, 76, 147, 0.1) !important;
}
.status-ready{
    color: rgba(156, 39, 176, 1) !important;
    background-color: rgba(156, 39, 176, 0.1) !important;
}
.status-accepted{
    color: rgba(25, 188, 31, 1) !important;
    background-color: rgba(25, 188, 31, 0.1) !important;
}
.status-allocated{
    color: rgba(25, 188, 31, 1) !important;
    background-color: rgba(25, 188, 31, 0.1) !important;
}
.status-pickedup{
    color: rgba(47, 132, 242, 1) !important;
    background-color: rgba(47, 132, 242, 0.1) !important;
}
.status-outfordelivery{
    color: rgba(241, 175, 31, 1) !important;
    background-color: rgba(241, 175, 31, 0.1) !important;
}
.status-deliveredtodepot{
    color: rgba(234, 16, 107, 1) !important;
    background-color: rgba(234, 16, 107, 0.1) !important;
}
.status-delivered{
    color: rgba(199, 7, 170, 1) !important;
    background-color: rgba(199, 7, 170, 0.1) !important;
}
.status-web{
    color: rgba(0, 0, 0, 1) !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.bg-tracking-status {
    min-width: 70px;
    padding: 5px 5px;
    border-radius: 10px;
}