.progress-container {
	max-width: 500px;
	margin: 40px auto 10px;
	position: relative;
	clear: both;
}
.milestone, .milestone-dot{
	z-index: 2;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.milestone {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.milestone-dot {
	width: 8px;
	height: 8px;
	border: 2px solid #CDDC39;
	border-radius: 50%;
	position: absolute;
	background: #2dc734;
	top: -3px;
}
.milestone-label {
	position: absolute;
	top: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 12px;
	font-weight: bold;
	color: #555;
	white-space: nowrap;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.dark_mode .milestone-label {
	color: #FFF;
}
.progress-thumb {
	position: absolute;
	top: -30px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
	-webkit-transition: left 1.5s 
	cubic-bezier(.34, 1.56, .64, 1);
	transition: left 1.5s 
	cubic-bezier(.34, 1.56, .64, 1);
}
.progress-percentage {
	background: #8BC34A;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 10px rgba(184, 233, 134, .5);
	box-shadow: 0 2px 10px rgba(184, 233, 134, .5);
	position: relative;
	white-space: nowrap;
	-webkit-animation: pulseScale 2s infinite alternate;
	animation: pulseScale 2s infinite alternate;
}
.progress-percentage:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: #8BC34A transparent transparent transparent;
}
.progress-percentage-stamina {
	background: #03a9f4;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 10px rgb(33 150 243 / 46%);
	box-shadow: 0 2px 10px rgb(33 150 243 / 46%);
	position: relative;
	white-space: nowrap;
	-webkit-animation: pulseScale 2s infinite alternate;
	animation: pulseScale 2s infinite alternate;
}
.progress-percentage-stamina:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: #03a9f4 transparent transparent transparent;
}
.progress-bar {
	border-radius: 15px;
}
.wagered-info {
	max-width: 520px;
	margin: 20px auto 0px;
	height: 30px;
}
.wagered-label {
	float: left;
	margin-left: 10px;
}
.target-label {
	float: right;
	margin-right: 10px;
}