/* IOS specific */

.backend_login_fb {
	position: relative;
	margin: 30px auto;
	top: auto;
	left: auto;
	transform: translate(0,0);
	width: 600px;
}
.searchblock {
	margin: 0 0 16px 0;
}
.searchblock, .searchproject, .searchtext {
	display: flex;
}
.searchblock > div, .searchproject, .searchtext {
	display: inline-block;
}
.searchblock .searchtext {
	max-width: 300px;
	width: 100%;
}
.searchblock .searchproject {
	max-width: 400px;
	width: 100%;
}
.searchblock > div, .searchproject > div {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	align-self: end;
}
.searchblock > div:first-child {
	margin-right: 10px;
}
.searchblock .searchtext input, .searchproject input {
	padding-left: 36px;
	padding-right: 36px;
}
.searchblock .closer::before, .searchtext .webform_fieldbox::before, .searchproject .webform_fieldbox::before, .searchtext .closer::before, .searchproject .closer::before {
	position: absolute;
	font-family: 'Material Icons';
	font-size: calc(100% + 5px);
	line-height: 1;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	content: 'search';
	color: var(--text-between);
}
.searchblock .webform_field.webform_field_autocomplete .webform_fieldbox::before, .searchproject .webform_fieldbox::before {
	content: 'person';
}
.searchblock label {
	margin-top: 0 !important;
}
.selectproject {
	width: 100%;
	max-width: 300px;
}
.flexdatalist-results li .item span:not(.highlight) {
	background-color: var(--bg-lightgray);
	border: 1px solid var(--bg-mediumgray);
	padding: 0 5px;
	color: var(--text-dark);
}

.homemenu {
	list-style-type: none;
	margin: 20px;
	padding: 0;
}
.homemenu li {
	display: inline-block;
	margin: 20px;
	width: 180px;
	padding: 0;
	vertical-align: top;
	white-space: collapse;
}
.homemenu li a {
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 20px 10px;
	font-weight: bold;
}
.homemenu span {
	display: block;
	width: 100px;
	height: 100px;
	font-size: 100px;
	margin: 0 auto 10px auto;
}