.panel.step {
	display: none;
}
.panel.step.step-active {
	display: block;
}

.text {
	margin: 1em 0;	
}
.textinfo {
	margin: 3em 3em;
	text-align: left;
	font-weight: 500;
}
.profileimage {
	text-align: center;
}

.profileimage.hasimage .imageholder, .profile .imageholder {
height: 200px;
width: 200px;
background-size: contain;    
}

.profileimage:not(.hasimage) .imageholder:after {
	content: "\f030";
 
	display: inline-block;
	font-family: Font Awesome\ 5 Free;
	font-size: 5em;
	font-weight: 900;
	line-height: 1;
	margin-top: .85em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.date_of_birth_validation_error {
	height: 1em;
	margin-bottom: 5px;
	position: relative;
}
.date_of_birth_validation_error label {
	position: absolute;
}
textarea {
	resize: none;
	width: 100%;
}
select#birth_year {
	margin-top: 15px;
}

@media (min-width: 768px) {
	select#birth_year {
		margin-top: 0;
	}
}