.timeline{position:relative}.timeline:before{background-color:#eee;content:" ";height:100%;left:50%;position:absolute;top:35px;width:3px;z-index:-1}.timeline>li{clear:left;float:left;margin-bottom:35px;position:relative;width:50%}.timeline>li .timeline-panel{position:relative;width:calc(100% - 43px)}.timeline>li .timeline-panel:before{border-color:transparent #ccc;border-style:solid;border-width:15px 0 15px 15px;content:" ";display:inline-block;position:absolute;right:-15px;top:26px}.timeline>li .timeline-panel:after{border-color:transparent #fff;border-style:solid;border-width:14px 0 14px 14px;content:" ";display:inline-block;position:absolute;right:-14px;top:27px}.timeline>li .timeline-badge{border-radius:50%;height:35px;position:absolute;right:-19px;text-align:center;top:27px;width:35px;z-index:8}.timeline>li .timeline-badge a i{font-size:1.4rem;line-height:35px}.timeline>li.timeline-inverted{clear:right;float:right;margin-bottom:50px;margin-top:60px}.timeline>li.timeline-inverted .timeline-panel{float:right}.timeline>li.timeline-inverted .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li.timeline-inverted .timeline-badge{left:-15px}.timeline>li .card .card-header{align-items:center;display:flex}.timeline>li .card .card-text .flow-text{font-size:1.4rem}.timeline>li .card .horizontal-avatar li{display:inline-block;margin-right:.9rem}@media(max-width:767px){.timeline:before{left:44px}.timeline>li{clear:left;float:left;margin-bottom:20px;position:relative;width:100%}.timeline>li .timeline-panel{float:right;width:calc(100% - 90px)}.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li .timeline-badge{left:28px;margin-left:0;top:22px}.timeline>li.timeline-inverted{clear:left;float:left;margin-bottom:30px;margin-top:30px}.timeline>li.timeline-inverted .timeline-badge{left:28px}}
