/* Practice Panda Member Area */

@import url('../../common_templates/common_styles/font-awesome-4.3.0/css/font-awesome.css');
/* Containers, Basic Structural Elements and Styles */

:root {
	/* Colors */
	--dark-blue: rgba(46,77,110,1);
	--light-blue: rgba(147,189,223,1);
	--orange: rgba(239,127,52,1);
	--grey: rgba(104,103,103,1);
	--white: rgba(255,255,255,1);
	/* Fonts */
	--body-font: 'Roboto', sans-serif;
	--headline-font: 'Roboto Slab', serif;
	/* Transitions */
	--base-transition: .33s ease-in-out;
}

body {
	height: 100%;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	color: #0a0a0a;
	margin: 0;
	background-color: #eff5fa;
}

.body a {
	color: #0a0a0a;
}

a:link,
a:visited {
	color: var(--orange);
	text-decoration: none;
}
a:hover,
a:hover>h6 {
	color: var(--orange);
	text-decoration: none;
	/*filter: brightness(1.2);*/
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto Slab', serif;
	color: var(--dark-blue);
	clear: both;
	width: 100%;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
small {
	/*line-height: 1.6;*/
}

.logos img:first-child {
	height: 75px;
	width: 75px;
}
.logos img:last-child {
	height: 35px;
	width: 300px;
}
.logos > img{
	/*width: auto;*/
	/*height: 100%;*/
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
}

@media print, screen and (min-width: 64em) {
	.logos {
		max-width: 100%;
		max-height: 100px;
		text-align: center;
	}
}
img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
.main-body {
	height: 100vh;

}

section#top_section {
	min-height: 58.33333vh;
	/*max-height: 66.6666666667vh;*/
	padding: 1.9375rem 0;
}

.signUp-width,
.card-width {
	min-width: 420px !important;
	max-width: 520px;
	margin: 0 auto !important;
	padding: 0 0.625rem;
}
.signUp-width {
	max-width: 720px;
}

.signUp-width .form-left,
.signUp-width .form-right {}
form#signup-form {
	padding: 0.625rem;
	width: 100%;
}
@media print, screen and (min-width: 40em) {
	section#top_section {
		padding: 3.625rem 0;
	}
	.signUp-width,
	.card-width {}
	form#signup-form {
		padding: 0.9375rem;
	}

}
@media print, screen and (min-width: 64em){
	.signUp-width {
		min-width: 550px !important;
	}
	.signUp-width,
	.card-width {
		padding: 0 0;
	}
	.grid-margin-x > .large-6.first-name-cell {
		margin-right: 0;
		width: calc(50% - 0.9375rem);
	}
}
#full_registration_form_basicInfo_state {
	margin: 0 0 1rem;
}

/*input,*/
.svg-icon + :where( input[type=text], input[type=password] ) {
	padding-left: 38px!important;
	color: rgba(104,103,103,1);
	color: #0a0a0a;
}
.svg-icon {
	position: absolute;
	height: 14px;
	padding: 12px 0;
	min-width: 40px;
	text-align: center;
	fill: rgba(196, 198, 201, 1);
	fill: #C4C6C9FF;
	/*fill: rgba(104,103,103,1);*/
	font-weight: bold;
	box-sizing: content-box;
}
.svg-icon:has(+ input:not(:placeholder-shown)) {
	fill: rgba(104,103,103,1);
}
input:focus-visible,
.svg-icon:has(+ input:focus-visible) {
	fill: var(--dark-blue);
	color: var(--dark-blue);
}
input:focus-visible:has(+.svg-icon) {
	color: rgba(104,103,103,1);
}

.sign-in-bttn {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
select {
	color: #C4C6C9FF;
	font-size: 16px;
}
select:focus,
select:valid {
	color: #0a0a0a;
}
option {
	color: #C4C6C9FF;
}
option:first-of-type {
	color: #0a0a0a;
}

#signup-form :is(#js-signup-button, .button, [type=submit] ) {
	background-color: var(--orange);
}
#signup-form:has( input:invalid ) :is(#js-signup-button, .button, [type=submit] ) {
	/*background-color: var(--orange);*/
	/*filter: opacity(80%);*/
}

#card-element {
	width: 100%;
	margin: 1.625rem 0 0.625rem;
	padding: 1rem;
	border: 1px solid #C4C6C9;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	color: #0a0a0a;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

input.promo-code {
	height: 42px;
}
.info-message {
	font-size: 1rem;
	padding: 1.25rem;
	color: var(--dark-blue);
	font-weight: 500;
}
#js-promo-link {}
#js-promo-desc {
	font-size: 16px;
	font-weight: 500;
}
#js-apply-promo {
	font-size: 14px;
	/*font-weight: 500;*/
	margin: -1px 0 1rem 0.625rem;
	box-sizing: border-box;
}
.already-bttn {
	font-size: 16px;
	font-weight: 500;
}
.already-bttn > span {
	color: var(--grey);
}

footer{
	height: 100%;
	/*min-height: 12.5rem;*/
	/*height: 41.66667vh;*/
	min-width: 420px !important;
	background-color: var(--dark-blue);
	padding: 1.625rem 0.9375rem 0.9375rem;
}
@media print, screen and (min-width: 40em) {
	min-height: 12.5rem;
}
footer,
footer a:link, footer a:visited {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
p#copy-right {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.address,
.footer-list {
	margin: 0 0 0.625rem 0;
	list-style: none;
}
.address li {
	margin: 0 0.5rem 0.625rem 0;
}
.footer-list li {
	float: left;
	cursor: default;
}

.footer-list li:not(:last-child)::after {
	position: relative;
	margin: 0 0.75rem;
	opacity: 1;
	content: "|";
	color: #FFF;
}
@media print, screen and (min-width: 40em) {
	.align-right-med-up {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.align-left-med-up {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}
@media print, screen and (min-width: 64em) {
	.align-right-lg-up {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.align-left-lg-up {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}