.timeline-detail {
 padding:3rem 0
}
#timeline {
 margin-bottom:1rem
}
[class*=timeline-status-] p {
 margin:0;
 font-size:1.1rem;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
[class*=timeline-status-] {
 padding:1.6rem 0
}
.timeline-list {
}
.timeline-item {
 border-left:2px solid #e5e5e5;
 position:relative;
 padding:3rem 1.5rem .5rem 4em;
 font-size:.9rem;
 margin-left:4rem;
 min-height:5rem
}
.timeline-item:last-child {
 padding-bottom:4rem
}
.timeline-item .timeline-date {
 margin-bottom:.5rem;
 margin-top:2rem
}
.timeline-item .timeline-date span {
 color:#888;
 font-size:85%;
 padding-left:.4rem
}
.timeline-item .timeline-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem;
 margin-top:0rem
}


.timeline-item .timeline-icon {
 line-height:3.7rem;
 position:absolute;
 left:-2rem;
 width:4rem;
 height:4rem;
 text-align:center;
 border-radius:50%;
 font-size:2rem;
 background-color:#f4f4f4;
 color:#ccc;
 border:2px solid #ccc;
 margin-top: 1.6rem;
}
@media(min-width:992px) {
 .timeline-item {
  margin-left:7rem
 }
 .timeline-item .timeline-date {
  position:absolute;
  left:-15rem;
  width:10rem;
  text-align:right
 }
 .timeline-item .timeline-date span {
  display:block
 }
 .timeline-item .timeline-content {
  padding:0;
  background-color:transparent
 }
}