.RegistrationFormFixedHeightContainer {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*height: 325px*/
}

.FormFieldGroup-FullWidth {
	display: block;
	width: 100%;
	box-sizing: border-box;
	
}

.FormFieldGroup-Halves {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	vertical-align: top
}

.FormFieldGroup-Half {
	display: block;
	width: 50%;
	box-sizing: border-box;
	
}

.Left-Half {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 6px !important;
	border-top-left-radius: 6px !important
}

.Right-Half {
	border-bottom-right-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important
}

.LineItem-productName {
	grid-area: main
}

.LineItem-image {
	max-width: 100%;
	max-height: 100%;
	min-height: 42px;
	min-width: 42px
}

.App-Overview-ProductDetails.chosen {
	border: 2px solid #00766C
}


.discountFailure {
	color: red
}

.discountSuccess {
	color: green
}

.PayToday-text {
	grid-area: total;
}

.PayToday-amount {
	grid-area: total-amt;
}

.PayToday-monthlyText {
	grid-area: total2;
}

.PayToday-monthlyAmount {
	grid-area: total-amt2;
}

.PayToday-discountMessage {
	grid-area: discountmessage
}

.PayToday-imageSpacer {
	grid-area: blank2
}

.App-Overview-ProductDetails {
	box-sizing: border-box;
	border: 2px solid transparent;
	border-radius: 10px;
	margin-top: 6px;
	/*margin-bottom: 12px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	max-height: 50vh;
	overflow-y: auto;
	padding-right: 8px;
	display: grid;
	grid-gap: 10px;
	padding: 10px;
	grid-template-areas: 'image main image'
}

.App-Overview-ProductPricing {
	margin-top: 5px;
	margin-bottom: 5px;
	max-height: 80vh;
	overflow-y: auto;
	padding-right: 8px;
	display: grid;
	grid-gap: 10px;
	padding-top:15px;
	grid-template-areas: 'discount apply''discountmessage discountmessage''total total-amt''total2 total-amt2'
}

.QuestionPopupLink {
	text-align: right;
}

.popupModal {
	display: none;
	position: fixed;
	z-index: 19;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #00000066
}

#productPopup1 {
	-webkit-box-shadow: 0 0 0 9999px #00000080;
	box-shadow: 0 0 0 9999px #00000080
}


.productButton {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 12px 24px;
	border: 1px solid #21949d;
	border-radius: 22px;
	background: linear-gradient(to bottom, #36f4ff, #21949d);
	/*-webkit-box-shadow: #ff9915 0px 0px 40px 0px;
	-moz-box-shadow: #ff9915 0px 0px 40px 0px;
	box-shadow: #ff9915 0px 0px 40px 0px;*/
	-webkit-box-shadow: var(--gray-light) 0px 0px 20px 0px;
	-moz-box-shadow: var(--gray-light) 0px 0px 20px 0px;
	box-shadow: var(--gray-light) 0px 0px 20px 0px;
	text-shadow: #186a70 1px 1px 1px;
	font: normal normal bold 16px arial;
	color: #f0f0f0;
	text-decoration: none;
	min-height: 60px
}

.productButton.smallText {
	font: normal normal bold 14px arial
}

.productButton:hover,
.productButton:focus {
	border: 1px solid #2fd4e0;
	background: linear-gradient(to bottom, #41ffff, #28b2bc);
	color: #e5e5e5;
	text-decoration: none
}

.productButton:active {
	background: linear-gradient(to bottom, #21949d, #21949d)
}

.productButton.chosen {
	font-weight: 100%;
	box-shadow: -5px -5px 10px #ffffff80, 5px 5px 10px #ffffff80, -5px 5px 10px #ffffff80, 5px -5px 10px #ffffff80;
	background: -moz-linear-gradient(top, #21949d, #36f4ff)
}

@media only screen and (min-width:992px) {

	.App-Overview-ProductDetails {
		box-sizing: border-box;
		margin-top: 32px;
		margin-bottom: 32px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.App-Overview-ProductDetails {
		margin-bottom: 12px;
		
	}
	
	.App-Overview-ProductPricing {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.QuestionPopupLink {
		padding-bottom: 15px;
	}


}