/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.donationplatform__stock-wrapper {
	margin: 20px 0;
}

.donationplatform__stock-progress-wrapper {
	display: flex;
	flex-flow: row nowwrap;
	align-items: center;
	margin-bottom: 20px;
	color: #333;
}

.donationplatform__stock-progress-outer {
	width: 100%;
	height: 8px;
	border: 1px solid green;
	border-radius: 500px;
	margin: 0 5px;
}

.donationplatform__stock-progress-inner {
	position: relative;
	height: 100%;
	background-color: green;
}

.donationplatform__stock-progress-pin {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 16px;
	width: 1px;
	background-color: green;
}

.donationplatform__stock-progress-sales {
	position: absolute;
	top: -25px;
	right: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 25px;
	min-width: 25px;
	transform: translate3d(50%, 0, 0);
	padding: 0 5px;
	border: 2px solid green;
	border-radius: 15px;
	font-size: 80%;
	
}