/*!
 * Diagrams 1.0.0 | Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Copyright 2018 RapidDev
 * Licensed under MIT (https://opensource.org/licenses/MIT)
 */
.rd-diagram {
	position: relative;
	z-index: 2;
	width: 100%;
}
.rd-diagram ul {
	position: relative;
	z-index: 3;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.rd-diagram h2 {
	margin: 0;
	padding: 0;
	font-size: 1.625rem;
}
.rd-graduation {
	position: absolute;
	z-index: 1;
	top: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
}
.rd-graduation > div {
	display: flex;
	height: calc(100% + 15px);
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	width: 100%;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #767676;
}
.rd-graduation > div > span {
	display: inline-block;
	align-self: flex-end;
	text-align: right;
    width: 100%;
    font-size: 0.8rem;
    color: #767676;
}
.rd-progress {
	vertical-align: baseline;
}
.rd-progress {
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	font-size: 0.75rem;
}
.rd-progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 15px;
	color: #fff;
	padding: 10px;
	white-space: nowrap;
	transition: width 0.6s ease;
}
.rd-progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}
.rd-progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
}
@media screen and (prefers-reduced-motion: reduce) {
	.rd-progress-bar {
		transition: none;
	}
}
@-webkit-keyframes progress-bar-stripes {
	from {
	  background-position: 1rem 0;
	}
	to {
	  background-position: 0 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0;
	}
	to {
		background-position: 0 0;
	}
}