.timeline-detail{
    position: relative;
    margin-top:20px;
    margin-bottom:20px;
}
.timeline-detail-line {
    background-color: #7f7f7f;
    position: absolute;
    top: 0px;
    left: 36px;
    width:8px;
    height:100%;
}
.timeline-detail-start{
    width: 20px;
    position: relative;
    padding-top: 0px;
    padding-left:23px;
}
.timeline-detail-end{
    width: 20px;
    position: relative;
    padding-top: 20px;
    padding-left: 23px;
}
.timeline-detail-block{
    min-height: 100px;
    position: relative;
    padding-top: 10px;
}
.timeline-detail-photo-border-endings {
    border-radius: 50%;
    background-color: #ffffff;
    border: 10px solid #7f7f7f;
}
.timeline-detail-text{
    padding: 1.5em;
    padding-left:100px;
    position:relative;
    top:10px;
    padding-top:10px;
}
.timeline-detail-photo-border{
    width:80px;
    border-radius: 50%;
    background-color: #EBEBEB;
    border: 10px solid #7f7f7f;
    position:absolute;
    top:30px;
}
.timeline-detail-photo-border-alt{
    width:80px;
    border-radius: 50%;
    background-color: #EBEBEB;
    border: 10px solid #39becd;
    position:absolute;
    top:30px;
}