.tracking-detail {
  padding:3rem 0
}
#tracking {
  margin-bottom:1rem
}
[class*=tracking-status-] p {
  margin:0;
  font-size:2.8rem;
  color:#fff;
  text-transform:uppercase;
  text-align:center
}
[class*=tracking-status-] {
  padding:1.6rem 0
}
.tracking-status-intransit {
  background: linear-gradient(60deg, #61d836, #61d836);
  box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
  margin-top: 20px;

}
.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 {
  border:1px solid #e5e5e5
}
.tracking-item {
  border-left:1px solid #e5e5e5;
  position:relative;
  padding:2rem 1.5rem .5rem 2.5rem;
/*  font-size:1.6rem;*/
  margin-left:3rem;
  min-height:5rem;
/*
padding: 25px;
*/

}
.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
}
.tracking-item .tracking-content span {
  display:block;
  color:#152f94;
  font-size:85%
}
.credito span {
  display:block;
  color:#152f94 !important;
  font-size:85%
}
.debito span {
  display:block;
  color:#f21329 !important;
  font-size:85%
}
.tracking-item .tracking-icon {
  line-height:2.6rem;
  position:absolute;
  left:-1.3rem;
  width:2.6rem;
  height:2.6rem;
  text-align:center;
  border-radius:50%;
  font-size:1.1rem;
  background-color:#fff;
  color:#fff
}
.tracking-item .tracking-icon.status-sponsored {
  background-color:#f68
}
.tracking-item .tracking-icon.status-delivered {
  background-color:#4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
  background-color:#f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
  background-color:#f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
  background-color:#b789c7
}
.tracking-item .tracking-icon.status-exception {
  background-color:#d26759
}
.tracking-item .tracking-icon.status-inforeceived {
  background-color:#214977
}
.tracking-item .tracking-icon.status-intransit {
  color:#929292;
  border:1px solid #e5e5e5;
  font-size:.6rem
}
.tracking-item .tracking-icon.rendimento {
  color:#18d227;
  border:1px solid #e5e5e5;
  font-size:.6rem;
  background-color: #18d227;
}
.tracking-item .tracking-icon.aplicacao {
  color:#1568a4;
  border:1px solid #e5e5e5;
  font-size:.6rem;
  background-color: #1568a4;
}
.tracking-item .tracking-icon.resgate {
  color: #f21329;
  border:1px solid #e5e5e5;
  font-size:.6rem;
  background-color: #f21329;
}
.tracking-item .tracking-icon.extorno {
  color: #71cdf2;
  border:1px solid #e5e5e5;
  font-size:.6rem;
background-color: #71cdf2;
}
@media(min-width:992px) {
  .tracking-item {
    margin-left:18rem
  }
  .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
  }
}