#subscription { min-height: 30em; display: block; }



#subscription .well { border-radius: 0; border: 2px solid #fff; background: transparent; margin: 0; padding: 0; display: block; }
#subscription .well:hover { border: 2px solid #fc3; } 
#subscription .well header { background: #2CA05A; margin: 0; padding: 1em; text-align: center; }
#subscription .well header h3 { color: #fff; font-size: 120%; }
#subscription .well header h4 { color: #fc3; font-size: 200%; }
#subscription .well header h4 small { display: block; color: #2c2f3d; font-size: 70%; }
#subscription .well header p { color: #fff; }
#subscription .well section { background: #2c2f3d; margin: 0; padding: 1em; color: #fff; }
#subscription .well section ul { margin: 0; padding: 0; list-style: none; }
#subscription .well section ul li { border-bottom: 1px solid rgba(255,255,255,0.5); padding: .5em 0 .5em 30px; }
#subscription .well section ul li.yes { background: transparent url(/assets/v2/i/yes.png) 5px 50% no-repeat; }
#subscription .well section ul li.no { background: transparent url(/assets/v2/i/no.png) 5px 50% no-repeat; }

#subscription .well footer { background: #2c2f3d; margin: 0; padding: 1em; color: #fff; opacity: 1; xmin-height: 210px; }

.btn.loading { padding-left: 50px; 
background: #fff url(/assets/v2/i/loading.gif) 5px 50% no-repeat;
font-size: bold;
color: #333;
}




/* Stripe CC validation */
.validation {}
input.invalid {
	border: 2px solid red !important;
}

.validation.failed:after {
	color: red !important;
	content: 'Please correct the errors highlighted above';
}

.validation.passed:after { }

.loading { padding-left: 40px; background: url(../i/loading.gif) bottom left no-repeat; }