.mentz_toolbar{
	display: table;
	width: 100%;
}
.mentz_toolbar > .mentz_toolbar_left{
	display: table-cell;
	width: 40%;
	text-align: left;
}
.mentz_toolbar > .mentz_toolbar_right{
	display: table-cell;
	width: 60%;
	text-align: right;
}

@media (max-width: 339px) {
	.mentz_toolbar > .mentz_toolbar_left,
	.mentz_toolbar > .mentz_toolbar_right {
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}
}

#mentz_stepback {
	margin-right: 1em;
}

.customer-name-prefix > label[for=firstname] {
	display: none !important;
}

.customer-name-prefix div.field.field-name-prefix.required {
	width:80px;
}

.ui-datepicker td {
    padding: 0.75em;
}

.hint_required {
	color: #e02b27;
	text-align:right;
}

.hint_validator {
	font-size: smaller;
	margin-bottom: 1em;
}



.form-edit-account .fieldset-fullname .fields .field {
	float: left;
	margin: 0 10px 10px 0;
}

.form-create-account .fieldset-fullname div.field.field-name-firstname {
    clear: left;
}

.form-create-account .fieldset-fullname div.field.titel {
    width: 70px;

}

@media screen and (max-width: 767px) {
	.form-create-account .fieldset-fullname div.field.titel,
	.customer-name-prefix div.field.field-name-prefix.required{
		width: 100%;
	}
	#dob{
		width: calc(100% - 40px) !important;
	}
}


/* how to specify for both forms?*/

span.dialing {

    display: block;
    overflow: hidden;
}

/* how to specify for both forms?*/
span.dialing_prefix {

    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

@media screen and (max-width: 767px) {
	#maincontent {
		margin-top: 2em;
	}
}

@media (min-width: 768px) {
	#maincontent {
		max-width: 640px;
	}
	.login-container .block {
		width: 100% !important;
	}
}