/* Donation Related Styles */
.donate-product {
	text-decoration: underline;
	font-weight: 700;
}
.donation-item-row {
	padding: 1rem 0.5rem;
	margin-bottom: 0.75rem;
	width: 100%;
	background-color: #F4F8FD;
}
.donation-item-row .name {
	background-color: transparent !important;
}
.donation-item-row fieldset {

}
.donation-item-row fieldset legend {
	font-size: 0.8rem;
	margin-bottom: 0.15rem;
	width: auto;
	border: none;
}
.donation-box {
	padding: 0.5rem 1.5rem;
	width: 100%;
	border: 1px solid #BCE8F1;
	background-color: #ECF3FC;
}
.donation-option {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	padding: 0.75rem 0.35rem;
	margin: 0.35rem;
	width: 85px;
	height: 65px;
	border: 1px solid #ddd;
	background-color: #fff; }
	@media (max-width: 576px) {
		.donation-option {
			/* Not sure why [wrap] would not force a wrap on small phones but this works */
			flex-wrap: nowrap;
		}
	}
	@media (min-width: 375px) {
		.donation-option {
			width: 105px;
			height: 85px;
		}
	}
	.donation-option input {
		width: 75px; /*IE requirement...blah */
	}
	.donation-option.active {
		color: #ffffff;
		border: 1px solid #4678B2;
		background-color: #4678B2;
		font-weight: 700;
	}
	.donation-option.active a {
		color: #ffffff !important;
		font-weight: normal;
	}
	.donation-option.active.disabled {
		color: #ffffff !important;
		border: 1px solid #D3D3D3;
		background-color: #D3D3D3;
		font-weight: normal;
	}
	.donation-option .amount {
		font-size: 1.25rem;
	}
	.donation-option.spinner {
	    position: relative;
	    cursor: progress;
	    color: #ffffff !important;
		border: 1px solid #D3D3D3;
		background-color: #D3D3D3;
	}
	.donation-option.spinner:before {
	  content: '';
	  box-sizing: border-box;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 25px;
	  height: 25px;
	  margin-top: -12px;
	  margin-left: -12px;
	  border-radius: 50%;
	  border: 2px solid transparent;
	  border-top-color: #ffffff;
	  border-bottom-color: #ffffff;
	  animation: donation-option-spinner .8s ease-in-out infinite;
	}
	@keyframes donation-option-spinner {
	  to {transform: rotate(360deg);}
	}