table.plans-table
{
	background: #444;
	border-collapse: collapse;
	font-size: .9rem;
}

table.plans-table tr td:nth-child(2)
{
	background: #363636;
}

table.plans-table tr td
{
	border: 1px solid #777;
	text-align: center;
	padding: .5em .5em;
	line-height: 1.4em;
}


table.plans-table tr td:nth-child(1)
{
	text-align: left;
}

table.plans-table tr.plan-header-row td 
{
	vertical-align: bottom;
}

table.plans-table tr td div.plan-name
{
	font-family: 'Barlow Condensed';
	text-transform: uppercase;
	font-size: 1.3em !important;
	text-align: center;
	color: white;
	font-weight: 600;
}

table.plans-table tr td div.plan-price
{
	font-size: .9rem;
	text-align: center;
	color: lime;
	font-weight: 600;
}

table.plans-table tr.plan-section-header
{
	background: rgb(119,119,119);
	background: linear-gradient(180deg, rgba(119,119,119,1) 0%, rgba(85,85,85,1) 100%);
	border-top: 1px solid white;
}

table.plans-table tr.planTitleHeader td
{
	border-bottom: none !important;
	padding-bottom: .25em;
}
table.plans-table tr.planCostHeader td
{
	border-top: none !important;
	line-height: 1em;
	padding-top: 0;
	padding-bottom: 1em;
}

table.plans-table tr.plan-section-header td
{  
	font-family: 'Barlow Condensed';
	color: white;
	font-size: 1.2rem;
	line-height: 1em;
	
}
.plan-price
{
	font-family: Open Sans;
	font-weight: 700 !important;
	font-size: .9rem !important;
	
}

table.plans-table tfoot
{
	background: inherit;
	border-top: 3px solid #777;
}
table.plans-table tr.footer td
{
	vertical-align: top;
}

.plan-duration
{
	font-family: 'Barlow Condensed';
	font-size: 1rem;
	line-height: 1.4em;
	color: white !important;
	font-weight: 500;
}

.plan-choose
{
	margin-top: .5em;
	margin-bottom: 1em;
}
table.plans-table tr.plan-feature-row.highlight td
{
	background: #06446d !important;
	font-weight: 900;
}


table.plans-table tr.plan-feature-row.highlight td span.has-tip
{
	color: white;
}



table.plans-table tr td span.check:before
{
	font-family: FontAwesome;
	content: "\f058";
	font-size: 1.4rem;
	color: white;
}


table.plans-table tr.level-1 td:nth-child(2) span.check,
table.plans-table tr.level-2 td:nth-child(2) span.check,
table.plans-table tr.level-2 td:nth-child(3) span.check,
table.plans-table tr.level-3 td:nth-child(2) span.check,
table.plans-table tr.level-3 td:nth-child(3) span.check,
table.plans-table tr.level-3 td:nth-child(4) span.check
{
	display: none;
}

table.plans-table tr td span.has-tip,
table.plans-table tr td span.has-tip:active
{
	color: #00aaff;
	border-bottom: none;
}
table.plans-table tr td span.has-tip:hover
{
	color: white;
}
table.plans-table tr td span.has-tip:before
{
	font-family: FontAwesome;
	content: "\f05a";
	margin-right: .25em;
	color:
}

table.plans-table tr td div.plan-active,
table.plans-table tr td div.new-plan
{
	font-size: .9em;
	color: lime;
	display: none;
}

table.plans-table.active-3 tr td:nth-child(5) div.plan-active,
table.plans-table.active-2 tr td:nth-child(4) div.plan-active,
table.plans-table.active-1 tr td:nth-child(3) div.plan-active,
table.plans-table.active-3 tr td:nth-child(3) div.new-plan,
table.plans-table.active-3 tr td:nth-child(4) div.new-plan,
table.plans-table.active-2 tr td:nth-child(3) div.new-plan,
table.plans-table.active-2 tr td:nth-child(5) div.new-plan,
table.plans-table.active-1 tr td:nth-child(4) div.new-plan,
table.plans-table.active-1 tr td:nth-child(5) div.new-plan
{
	display: block;
}


table.plans-table.active-3 tr td:nth-child(5),
table.plans-table.active-2 tr td:nth-child(4),
table.plans-table.active-1 tr td:nth-child(3)
{
	background: #333;
}



.tooltip
{
	max-width: 25em;
}

.multiline-button
{
	background: #0099ff;
	display: inline-block;
	color: white;
	line-height: 1.2em;
	padding: .75em 1.5em;
	border-radius: 4px;
	white-space: wrap;
}

.multiline-button:hover
{
	color: white;
	background: #00aaff;
}


.popupWrapper
{
	width: 640px;
	border: 1px solid #555;
	border-radius: .5rem;
	background: #262626 !important;
	
}
.popupInnerWrapper
{
	margin: 1rem;
}
.plan-summary-link
{
	font-size: .8rem;
	margin-top: .5rem;
}

table.plans-table tr td:nth-child(2),
table.plans-table tr td:nth-child(3),
table.plans-table tr td:nth-child(4),
table.plans-table tr td:nth-child(5)
{
	display: none;
}


table.plans-table.level-0 td:nth-child(2),
table.plans-table.level-1 td:nth-child(3),
table.plans-table.level-2 td:nth-child(4),
table.plans-table.level-3 td:nth-child(5)
{
	display: table-cell;
}


@media screen and (max-width: 39.9375em) 
{  
	table.plans-table tr td span.has-tip
	{
		color: #00aaff;
		text-decoration: underline;
		font-weight: 600;
	}
	table.plans-table tr td span.has-tip:before
	{
		display: none;
	}
	table.plans-table tr td div.plan-name
	{
		font-size: 1.1rem !important;
	}
	table.plans-table tr td div.plan-price
	{
		font-family: 'Barlow Condensed' !important;
		font-weight: 600 !important;
	}
	
	table.plans-table tr.planTitleHeader td
	{
		font-size: .9rem !important;
	}
	
	table.plans-table tr td span.check:before
	{
		font-size: 1.2rem;
	}
	
	
	table.plans-table tr.planCostHeader td
	{
		font-family: 'Barlow Condensed';
		font-size: .8rem;
		font-weight: 500;
	}
	
	table.plans-table tr.plan-section-header td
	{  
		font-family: 'Barlow Condensed';
		color: white;
		font-size: 1rem;
		line-height: 1em;
		
	}
	table.plans-table tr td:nth-child(1)
	{
		font-family: 'Barlow Condensed';
		font-weight: 600;
		line-height: 1.4em;
		font-size: 1rem;
		
	}
	
	.multiline-button
	{
		font-size: .9em;
		padding: .75em;
	}
	
	
	.plan-summary-button
	{
		font-family: 'Barlow Condensed';
		font-size: .9rem;
	}
}