﻿
.secondaryTableBorder {
	background-color: rgba(249, 249, 249, 1);
	border-bottom-color: rgba(174, 174, 174, 1);
	border-bottom-style: solid;
	border-bottom-width: 1.00px;
	border-left-color: rgba(174, 174, 174, 1);
	border-left-style: solid;
	border-left-width: 1.00px;
	border-right-color: rgba(174, 174, 174, 1);
	border-right-style: solid;
	border-right-width: 1.00px;
	border-top-color: rgba(174, 174, 174, 1);
	border-top-style: solid;
	border-top-width: 1.00px;
	box-shadow: none;
	height: 40px;
}

.glyphicon-ok {
	color: #AE56F7;
}

.fa-asterisk {
	color: red;
}
.required:after {
	content: " *";
	color: red;
	font-size: 20px;
}

.rowHeader {
	text-align: left;
	padding-left: 9px;
	color: rgba(0, 0, 0, 1);
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
}

.tableBorder {
	background-color: rgba(255, 255, 255, 1);
	border-bottom-color: rgba(174, 174, 174, 1);
	border-bottom-style: solid;
	border-bottom-width: 1.00px;
	border-left-color: rgba(174, 174, 174, 1);
	border-left-style: solid;
	border-left-width: 1.00px;
	border-right-color: rgba(174, 174, 174, 1);
	border-right-style: solid;
	border-right-width: 1.00px;
	border-top-color: rgba(174, 174, 174, 1);
	border-top-style: solid;
	border-top-width: 1.00px;
	box-shadow: none;
	height: 40px;
}

	.checkmark {
		text-align: center;
	}

.fa-check {
	color: #78b13f;
	padding-bottom: 50px;
}

.tableHeaderBorders {
	background-color: rgba(255, 255, 255, 1);
	border-bottom-color: rgba(174, 174, 174, 1);
	border-bottom-style: solid;
	border-bottom-width: 1.00px;
	border-left-color: rgba(174, 174, 174, 1);
	border-left-style: solid;
	border-left-width: 1.00px;
	border-right-color: rgba(174, 174, 174, 1);
	border-right-style: solid;
	border-right-width: 1.00px;
	border-top-color: rgba(174, 174, 174, 1);
	border-top-style: solid;
	border-top-width: 1.00px;
	box-shadow: none;
	width: 278.00px;
	height: 158.00px;
	left: 0.00px;
	top: 0.00px;
}

.mostPopularLabel {
	text-align: center;
	letter-spacing: 0;
	color: rgba(255, 255, 255, 1);
	font-size: 13px;
	font-weight: 300;
	font-style: italic;
	font-family: 'Segoe UI', Arial;
	width: 90px;
	height: 17px;
	left: 95px;
	top: 1px;
}

.mostPopular {
	text-align: center;
	background-color: rgba(79, 45, 95, 1);
	border-bottom-color: rgba(112, 112, 112, 1);
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-left-color: rgba(112, 112, 112, 1);
	border-left-style: none;
	border-left-width: 1.00px;
	border-right-color: rgba(112, 112, 112, 1);
	border-right-style: none;
	border-right-width: 1.00px;
	border-top-color: rgba(112, 112, 112, 1);
	border-top-style: none;
	border-top-width: 1.00px;
	height: 19.00px;
	left: 0.00px;
	top: 0.00px;
}

.productTable {
	margin-left: 7%;
}

.productHeader {
	text-align: center;
	color: rgba(0, 0, 0, 1);
	font-size: 28px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
}

.productSubHeader {
	text-align: center;
	color: rgba(0, 0, 0, 1);
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
}

.checkMarkIcon9a51643c {
	position: absolute;
	box-sizing: content-box;
	-ms-transform: rotate(0.00deg);
	-webkit-transform: rotate(0.00deg);
	transform: rotate(0.00deg);
	-ms-transform-origin: center;
	-webkit-transform-origin: center;
	transform-origin: center;
	opacity: 1;
	cursor: default;
	margin-top: 0.00px;
	margin-right: 0.00px;
	margin-bottom: 0.00px;
	margin-left: 0.00px;
	padding-top: 0.00px;
	padding-right: 0.00px;
	padding-bottom: 0.00px;
	padding-left: 0.00px;
	fill: transparent;
	stroke: rgba(174, 86, 247, 1);
	stroke-width: 2.00px;
	stroke-linecap: round;
	box-shadow: none;
	width: 16.59px;
	height: 14.27px;
	left: 130.31px;
	top: 16.40px;
}

.perMonth {
	text-align: center;
	color: rgba(0, 0, 0, 1);
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
}

.price {
	text-align: center;
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	font-style: normal;
	font-size: 28.00px;
	font-family: 'Segoe UI', Arial;
	letter-spacing: 0;
	text-decoration: none;
}

.usd {
	text-align: center;
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	font-style: normal;
	font-size: 14.00px;
	font-family: 'Segoe UI', Arial;
	letter-spacing: 0;
	text-decoration: none;
}

.tryProduct {
	/*background-color: rgba(255, 255, 255, 1);*/
	border-color: rgba(79, 45, 95, 1);
	border-style: solid;
	border-width: 1.00px;
	text-align: center;
	/*color: rgba(79, 45, 95, 1);
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;*/
}

	.tryProduct input {
		position: absolute !important;
		clip: rect(0, 0, 0, 0);
		height: 1px;
		width: 1px;
		border: 0;
		overflow: hidden;
	}

	.tryProduct label {
		background-color: #ffffff;
		color: rgba(79, 45, 95, 1);
		font-size: 24px;
		font-weight: 400;
		font-style: normal;
		font-family: 'Segoe UI', Arial;
		line-height: 1;
		/*text-align: center;*/
		padding: 8px 16px;
		margin-bottom: 0;
		transition: all 0.1s ease-in-out;
		display: inline-block;
		width: 100%;
	}

		.tryProduct label:hover {
			cursor: pointer;
		}
		
	.tryProduct input:checked + label {
		background-color: #4F2D5F;
		color: #FFFFFF;
		box-shadow: none;
		display: inline-block;
	}

.eligibilityLogo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 8%;
}

.welcomeHeader {
	box-sizing: content-box;
	text-align: center;
	letter-spacing: 0;
	color: rgba(0, 0, 0, 1);
	font-size: 50px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
}

.welcomeSubHeader {
	text-align: center;
	letter-spacing: 0;
	color: rgba(0, 0, 0, 1);
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	margin-bottom: 40px;
}

.formBackground {
	background-color: rgba(255, 255, 255, 1);
	border-bottom-color: rgba(114, 114, 114, 1);
	border-bottom-width: 0.50px;
	border-left-color: rgba(114, 114, 114, 1);
	border-left-width: 0.50px;
	border-right-color: rgba(114, 114, 114, 1);
	border-right-width: 0.50px;
	border-top-color: rgba(114, 114, 114, 1);
	border-top-width: 0.50px;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.4));
	padding: 30px 0 10px 0;
	margin: auto;
	width: 80%;
}

.formHeader {
	text-align: center;
	letter-spacing: 0;
	color: rgba(79, 45, 95, 1);
	font-size: 30px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	padding-bottom: 45px;
}

.formSubHeader {
	text-align: center;
	letter-spacing: 0;
	color: rgba(79, 45, 95, 1);
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	padding-bottom: 30px;
}

.formBackgroundHeader {
	text-align: center;
	letter-spacing: 0;
	color: rgba(79, 45, 95, 1);
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	padding-bottom: 50px;
}

.personalInfoLabel {
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	background-color: rgba(255, 255, 255, 0);
	color: rgba(0, 0, 0, 0.7490196078431373);
}

.inputFont {
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	color: rgba(0, 0, 0, 0.7490196078431373);
}

.personalInfoInput {
	box-sizing: border-box;
	cursor: default;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10.00px;
	padding-bottom: 0;
	padding-left: 10.00px;
	background-color: rgba(255, 255, 255, 1);
	border-bottom-color: rgba(193, 193, 193, 1);
	border-bottom-style: solid;
	border-bottom-width: 1.00px;
	border-left-color: rgba(193, 193, 193, 1);
	border-left-style: solid;
	border-left-width: 1.00px;
	border-right-color: rgba(193, 193, 193, 1);
	border-right-style: solid;
	border-right-width: 1.00px;
	border-top-color: rgba(193, 193, 193, 1);
	border-top-style: solid;
	border-top-width: 1.00px;
	border-top-left-radius: 8.00px;
	border-top-right-radius: 8.00px;
	border-bottom-left-radius: 8.00px;
	border-bottom-right-radius: 8.00px;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10196078431372549));
	width: 375.00px;
	height: 38.00px;
	left: 0;
	top: 19.00px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #0000004A;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #0000004A;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #0000004A;
}

.fname {
	box-sizing: border-box;
	cursor: default;
	margin-right: -1.75px;
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 10.00px;
	padding-bottom: 0;
	padding-left: 10.00px;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(193, 193, 193, 1);
	border-style: solid;
	border-width: 1.00px;
	border-top-left-radius: 8.00px;
	border-bottom-left-radius: 8.00px;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10196078431372549));
	width: 150.00px;
	height: 38.00px;
	left: 0;
	top: 19.00px;
}

.lname {
	box-sizing: border-box;
	cursor: default;
	margin-left: -1.75px;
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 10.00px;
	padding-bottom: 0;
	padding-left: 10.00px;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(193, 193, 193, 1);
	border-style: solid;
	border-width: 1.00px;
	border-top-right-radius: 8.00px;
	border-bottom-right-radius: 8.00px;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10196078431372549));
	width: 225.00px;
	height: 38.00px;
	left: 0;
	top: 19.00px;
}

.addressInput {
	
}

.invalidError {
	color: #CD3D64;
	font: normal normal 600 12px/16px Segoe UI;
	text-align: center;
	width: 60%;
}

.street1 {
	box-sizing: border-box;
	cursor: default;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10.00px;
	padding-bottom: 0;
	padding-left: 10.00px;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(193, 193, 193, 1);
	border-style: solid;
	border-width: 1.00px;
	border-top-left-radius: 8.00px;
	border-top-right-radius: 8.00px;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10196078431372549));
	width: 375.00px;
	height: 38.00px;
	left: 0;
	top: 19.00px;
}

.street {
	box-sizing: border-box;
	cursor: default;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10.00px;
	padding-bottom: 0;
	padding-left: 10.00px;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(193, 193, 193, 1);
	border-style: solid;
	border-width: 1.00px;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10196078431372549));
	width: 375.00px;
	height: 38.00px;
	left: 0;
	top: 19.00px;
}

.city {
	box-sizing: border-box;
	cursor: default;
	margin-top: 0;
	margin-right: -2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10.00px;
	padding-bottom: 0;
	padding-left: 10.00px;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(193, 193, 193, 1);
	border-style: solid;
	border-width: 1.00px;
	border-bottom-left-radius: 8.00px;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10196078431372549));
	width: 135.00px;
	height: 38.00px;
	left: 0;
	top: 19.00px;
}

.state {
	box-sizing: border-box;
	cursor: default;
	margin-top: 0;
	margin-right: -1.75px;
	margin-bottom: 0;
	margin-left: -1.75px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10.00px;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(193, 193, 193, 1);
	border-style: solid;
	border-width: 1.00px;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10196078431372549));
	width: 70.00px;
	height: 38.00px;
	left: 0;
	top: 19.00px;
}

.zip {
	box-sizing: border-box;
	cursor: default;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: -2px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10.00px;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(193, 193, 193, 1);
	border-style: solid;
	border-width: 1.00px;
	border-bottom-right-radius: 8.00px;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.10196078431372549));
	width: 170.00px;
	height: 38.00px;
	left: 0;
	top: 19.00px;
}

.col {
	text-align: center;
}

.inputContainer {
	display: inline-block;
	text-align: left;
}

.environmentSelector {
	display: block;
	width: 25%;
	margin: auto;
}

.environmentGlobe {
	position: absolute;
	top: 8px;
	left: 15px;
	font-size: 20px;
}

.envName {
	font-size: 16px;
	font-weight: 500;
	color: black;
}

.envUrl {
	font-size: 12px;
	font-style: italic;
	color: darkblue;
		
}

.next {
	background-color: inherit;
	text-align: left;
	letter-spacing: 0.00px;
	color: rgba(79, 45, 95, 1);
	font-size: 24.00px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	border-style: none;
}

		.next:focus,
		.next:active:focus,
		.next.active:focus,
		.next.focus,
		.next:active.focus,
		.next.active.focus {
			border-style: none;
			outline: none;
		}


.tab {
	display: none;
}

button {
	color: #ffffff;
	border: none;
	padding: 10px 20px;
	font-size: 17px;
	font-family: Raleway;
	cursor: pointer;
}

	button:hover {
		opacity: 0.8;
	}

#prevBtn {
	background-color: inherit;
	text-align: left;
	letter-spacing: 0.00px;
	color: rgba(79, 45, 95, 1);
	font-size: 24.00px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	border-style: none;
}

#nextBtn {
	background-color: inherit;
	text-align: left;
	letter-spacing: 0.00px;
	color: rgba(79, 45, 95, 1);
	font-size: 24.00px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	border-style: none;
	float: right;
}

/* Make circles that indicate the steps of the form: */
.step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: white;
	border-radius: 50%;
	border: 1px solid #707070;
	display: inline-block;
	opacity: 0.5;
}

	.step.active {
		opacity: 1;
		background-color: purple;
	}

	/* Mark the steps that are finished and valid: */
	.step.finish {
		background-color: #4CAF50;
	}




.sk-spinner-wave.sk-spinner {
	width: 50px;
	height: 30px;
	top: 50%;
	left: 50%;
	position: absolute
}

.sk-spinner-wave div {
	background-color: #45abd2;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	border-radius: 50px;
}

.sk-spinner-wave .sk-rect1 {
	background: rgb(60,184,222);
	background: linear-gradient(rgba(60,184,222,1) 0%, rgba(84,150,190,1) 50%, rgba(87,130,184,1) 100%);
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s;
}

.sk-spinner-wave .sk-rect2 {
	background: rgb(62,179,221);
	background: linear-gradient(rgba(62,179,221,1) 0%, rgba(87,122,184,1) 50%, rgba(98,85,166,1) 100%);
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-spinner-wave .sk-rect3 {
	background: rgb(75,142,200);
	background: linear-gradient(rgba(75,142,200,1) 0%, rgba(96,113,170,1) 40%, rgba(100,83,164,1) 100%);
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
	background: rgb(62,179,221);
	background: linear-gradient(rgba(62,179,221,1) 0%, rgba(87,122,184,1) 10%, rgba(98,85,166,1) 100%);
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-spinner-wave .sk-rect5 {
	background: rgb(96,91,169);
	background: linear-gradient(rgba(96,91,169,1) 0%, rgba(102,75,159,1) 50%, rgba(110,65,148,1) 100%);
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}

@keyframes sk-waveStretchDelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}

.loadingSpinner {
	position: fixed;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.7);
	height: 100%;
	width: 100%;
	display: none;
}

.progressSpinner {
	padding: 5%;
	margin: auto;
	height: 100%;
	width: 100%;
}

.progressMessage {
	margin: auto;
	padding: 2% 0 10% 0;
	letter-spacing: 0;
	color: rgba(79, 45, 95, 1);
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	font-family: 'Segoe UI', Arial;
	margin-bottom: 40px;
}

.container {
	margin: auto;
	width: 100%;
	height: 8px;
	background-color: transparent;
}

.path {
	position: relative;
	overflow: hidden;
	width: 50%;
	height: 10px;
	border-radius: 10px;
	background-color: #654671;
	margin: auto;
}

.shape {
	position: absolute;
	left: 0;
	border-radius: 10px;
	background-color: #ae51f4;
	width: 30%;
	height: 10px;
	display: block;
	top: 0;
	x-transition: all 10s ease-in-out;
	animation: ani 2s infinite;
}


@keyframes ani {
	0% {
		left: 0;
	}

	50% {
		left: 70%;
	}

	100% {
		left: 0;
	}
}

.ibox-content.sk-loading {
	position: relative;
}

	.ibox-content.sk-loading:after {
		content: '';
		background-color: rgba(255, 255, 255, 0.7);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.ibox-content.sk-loading > .sk-spinner {
		display: block;
		position: absolute;
		top: 40%;
		left: 0;
		right: 0;
		z-index: 2000;
	}