﻿#dvPlans
{
	display: flex;
	justify-content: center;
}

.plan-title
{
	color: #32A6FC;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
}

.plan-description
{
	color: #292929;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
}

.plan-price-currency,
.plan-price-period
{
	color: #32A6FC;
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
}

.plan-30-days-free
{
	color: var(--tvk_cyan, var(--light-blue, #32A6FC));
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	color: #32A6FC;
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn-cancel
{
	height: 20px;
	color: #32A6FC;
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	background: unset;
	margin-top: 20px;
	cursor: pointer;
}

.plan-is-your
{
	display: flex;
	padding: 4px 8px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 20px;
	border: 1px solid var(--light-blue, #32A6FC);
	height: 28px;
	margin-bottom: 10px;
}

	.plan-is-your img
	{
		width: 20px;
		height: 20px;
		content: url(../../images/v2/check_circle.svg);
	}

	.plan-is-your span
	{
		color: var(--light-blue, #32A6FC);
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
	}

.plan-price-usd
{
	font-size: 12px;
	margin-left: 2px;
	font-weight: 400;
}

.plan-price-value
{
	color: #32A6FC;
	font-weight: 600;
	font-size: 28px;
	line-height: 32px;
}

.btn-purchase
{
	background-color: #32A6FC;
	color: white;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	cursor: pointer;
	border-radius: 30px;
	height: 44px;
	display: flex;
	width: 133px;
	align-items: center;
	justify-content: center;
}

#imgSaltillo
{
	content: url(../../images/Purchase/saltillo-line.png);
	width: 132px;
}

#imgVa
{
	content: url(../../images/Purchase/VA.webp);
	width: 79px;
}

#imgTg
{
	content: url(../../images/Purchase/TeamGleason.png);
	width: 106px;
}

.plan-contaner
{
	min-height: 293px;
	box-shadow: 0px 0px 20px 0px #00000014;
	border: 1px solid #32A6FC26;
	background-color: white;
	width: 270px;
	border-radius: 15px;
	padding-bottom: 36px;
	padding-top: 36px;
	padding-left: 24px;
	padding-right: 24px;
	margin: 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.plan-contaner-wide
{
	width: 394px;
}

.selected-plan
{
	border: 1px solid #32A6FC;
}

#dvFundingContainer
{
	width: 611px;
	box-shadow: 0px 0px 20px 0px #00000014;
	border: 1px solid #32A6FC1A;
	border-radius: 15px;
	background-color: white;
	margin: 20px;
}

#dvContainer
{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20px;
}

#dvFundingDescription_Title
{
	color: #32A6FC;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 12px;
}

#dvFundingDescription_Details
{
	color: #292929;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
}

#lblUsaOnly
{
	color: #3F3D56;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
}

#dvFundingIcons
{
	position: relative;
}

#dvFundingContainer
{
	padding: 24px;
}

	#dvFundingContainer > div
	{
		display: flex;
		justify-content: center;
	}

#dvFundingIcons
{
	display: flex;
	align-content: center;
	align-items: center;
}

#btnContactUs
{
	margin-top: 20px;
}


.payment-info-container
{
	min-height: 500px;
}

#stripeLoader
{
	width: 65px;
	height: 65px;
	content: url(../images/loading.gif);
	margin-left: calc(50% - 32px);
}

#dlgStripePayment .container
{
	display: flex;
	min-height: 400px;
	flex-direction: column;
	justify-content: center;
}

#btnStripe_Purchase
{
	background-color: #083680;
	color: white;
	border: none;
	border-radius: 30px;
	font-size: 16px;
	padding: 10px;
	cursor: pointer;
	margin-top: 20px;
	width: 120px;
	margin-left: calc(50% - 60px);
}

.btn-stripe-purchase
{
	width: 180px;
	margin-left: calc(50% - 90px);
}

	.btn-stripe-purchase img
	{
		display: none;
	}

	.btn-stripe-purchase.loading img
	{
		display: unset;
		content: url(/images/loading.gif);
		width: 20px;
		height: 20px;
	}

.header-title
{
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	margin-top: 40px;
}

.header-description
{
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
	text-align: center;
	margin-bottom: 30px;
}

.container-loading
{
	opacity: 20%;
}

#imgPaymentDone
{
	width: 48px;
	height: 48px;
	content: url(../../images/v2/registration-completed.png);
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: calc(50% - 24px);
}

#lblPaymentCompleted
{
	font-size: 20px;
	font-weight: 600;
	line-height: 30.42px;
	text-align: center;
	color: #32A6FC;
}

#lblThankForPurchase
{
	font-size: 45px;
	font-weight: 600;
	line-height: 56px;
	text-align: center;
	color: #083680;
	margin-top: 50px;
}

#lblInvoiceSent
{
	font-size: 20px;
	font-weight: 600;
	line-height: 30.42px;
	text-align: center;
	color: #32A6FC;
	margin-top: 50px;
}

#btnPaymentWhatsNext
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#btnCancelPerpetual
{
	margin-top: 10px;
}

.plan-cancellation-requested
{
	margin-top: 10px;
	color: #F73D62;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.btn-purchase.disabled
{
	opacity: 50%;
	cursor: pointer;
}

#dvFundingContainerSubscription
{
	display: flex;
}

	#dvFundingContainerSubscription #lblUsaOnly
	{
		position: relative;		
		top: unset;
		right: unset;
	}

	#dvFundingContainerSubscription #dvFundingIcons
	{
		justify-content: space-around;
		margin-top: 10px;
	}

#lblOtherPlans
{
	color: var(--tvk_cyan, var(--light-blue, #32A6FC));
	text-align: center;	
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
}

#dvStripeHeader_Perpetual,
#dvStripeHeader_Perpetual_Transcription
{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#dvStripeHeader_Subscription
{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Responsive part */
@media screen and (max-width: 802px)
{
	#dvPlans
	{
		flex-direction: column;
	}

	#dvFundingContainer
	{
		width: unset;
	}

		#dvFundingContainer > div
		{
			flex-direction: column;
		}

	#dvFundingIcons
	{
		margin-top: 12px;
	}

	#btnContactUs
	{
		margin-left: calc(50% - 66px);
	}
}
