.timeline {
	list-style: none; padding: 20px 0px; position: relative;
}
.timeline::before {
	left: 50%; top: 0px; width: 3px; bottom: 0px; margin-left: -1.5px; position: absolute; content: " "; background-color: rgb(238, 238, 238);
}
.timeline > li {
	margin-bottom: 20px; position: relative;
}
.timeline > li::before {
	display: table; content: " ";
}
.timeline > li::after {
	display: table; content: " ";
}
.timeline > li::after {
	clear: both;
}
.timeline > li::before {
	display: table; content: " ";
}
.timeline > li::after {
	display: table; content: " ";
}
.timeline > li::after {
	clear: both;
}
.timeline > li > .timeline-panel {
	padding: 20px; border-radius: 2px; border: 1px solid rgb(212, 212, 212); border-image: none; width: 46%; float: left; position: relative; box-shadow: 0px 1px 6px rgba(0,0,0,0.175); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel::before {
	border-width: 15px 0px 15px 15px; border-style: solid; border-color: transparent rgb(204, 204, 204); top: 26px; right: -15px; display: inline-block; position: absolute; content: " ";
}
.timeline > li > .timeline-panel::after {
	border-width: 14px 0px 14px 14px; border-style: solid; border-color: transparent rgb(255, 255, 255); top: 27px; right: -14px; display: inline-block; position: absolute; content: " ";
}
.timeline > li > .timeline-badge {
	border-radius: 50%; left: 50%; top: 16px; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 1.4em; margin-left: -25px; position: absolute; z-index: 100; background-color: rgb(153, 153, 153);
}
.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
.timeline > li.timeline-inverted > .timeline-panel::before {
	left: -15px; right: auto; border-right-width: 15px; border-left-width: 0px;
}
.timeline > li.timeline-inverted > .timeline-panel::after {
	left: -14px; right: auto; border-right-width: 14px; border-left-width: 0px;
}
.primary.timeline-badge {
	background-color: rgb(46, 109, 164) !important;
}
.success.timeline-badge {
	background-color: rgb(63, 144, 63) !important;
}
.warning.timeline-badge {
	background-color: rgb(240, 173, 78) !important;
}
.danger.timeline-badge {
	background-color: rgb(217, 83, 79) !important;
}
.info.timeline-badge {
	background-color: rgb(91, 192, 222) !important;
}
.timeline-title {
	color: inherit; margin-top: 0px;
}
.timeline-body > p {
	margin-bottom: 0px;
}
.timeline-body > ul {
	margin-bottom: 0px;
}
.timeline-body > p + p {
	margin-top: 5px;
}