.schema .text {
	overflow: unset;
}

.schema .text b {
	font-weight: unset;
}

.schema label.qRadio,
.schema label.qCheckbox {
	margin-top: .8em;
}

.schema hr.newline {
	width: 100%;
	border: 0;
	min-width: 100%;
	height: 0px;
	padding: 0;
	margin: 0;
}

.schema .formElement label.phone input {
	margin-left: 5.5rem;
	width: calc(100% - 7em);
	letter-spacing: .1em;
	padding: 0;
}

@media only screen and (max-width: 576px) {
	.schema .formElement label.phone input {
		margin: 0;
		margin-top: 3px;
		margin-left: 5.5rem;
	}
}

.designPlus .schema .formElement label.phone input {
	margin-left: 0;
	margin-top: 0;
}

.schema .formElement label.phone a,
.schema .formElement label.phone a:hover {
	line-height: 2em;
	color: #000;
	text-decoration: none;
}

.schema .formElement label.phone a:after {
	content: "...";
	mask-composite: exclude;
	-webkit-mask: url(./../../resources/svgs/fa-light/chevron-down.svg) right/contain no-repeat, linear-gradient(#fff 0 0);
	-webkit-mask-composite: source-in;
	-webkit-mask-size: .75em;
	mask: url(./../../resources/svgs/fa-light/chevron-down.svg) right/contain no-repeat;
	mask-size: .75em;
	width: .75em;
	line-height: 2em;
	background-color: var(--main-text-color);
	
	animation: .2s fadeIn;
	animation-fill-mode: forwards;
	visibility: hidden;
}

ul.phonedropdown {
	min-width: 5em;
	border: 1px solid var(--main-list-separator-color);
}

.phone-prefix-dropdown {
	display: inline-block;
	
}

@media only screen and (max-width: 576px) {
	.phone-prefix-dropdown {
		display: inline-block;
		padding-top: 10px;
	}
	
	label.qField > span.icon > svg.icon {
		margin-top: 1rem;
	}
}

.im-static {
	color: #999;
}

.schema .formElement .errormessage:empty {
	display: none;
}

.schema .formElement .errormessage {
	position: absolute;
	margin-top: 2.5em;
	box-shadow: var(--box-shadow);
	z-index: 9999999999; /*Mask filter has a weird z-index*/
	background-color: #F5E2E2;
	white-space: nowrap;
}

.schema .formElement .phone .errormessage {
	margin-top: .25em;
}

.schema .formElement .errormessage:after {
	content: " ";
	position: absolute;
	left: 20px;
	top: -5px;
	border-top: none;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 5px solid #b22222;
}

.schema .formElement label.required > b::after {
	content: '*';
	color: red;
	margin-left: .2em;
}

.schema label.qField.external b {
	line-height: normal;
	margin-top: -.8em;
	/*margin-top: 0;*/
}

@media only screen and (min-width: 769px) {
	.schema label.qField.external b {
		position: absolute;
		top: 50%;
		/*transform: translateY(-50%);*/
		display: flex;
		align-items: center;
	}
}

div.itemband-container {
	overflow: hidden;
	overflow-x: auto;
}

div.itemband-container > ul.itemgrid li > .itemwrapper {
	width: 228px;
	margin: 0.5rem;
}

.itemBand .itemgrid .itemwrapper > .info :is(a:focus) {
	color: var(--main-text-color);
	fill: var(--main-text-color);
	background-color: var(--main-elements-background-color);
}

.itemBand .itemgrid .itemwrapper > .info :is(a:focus) .icon {
	color: var(--main-text-color);
	fill: var(--main-text-color);
}

.itemband-container > ul.itemgrid {
	margin-bottom: 1.2rem;
}

/* set the icons fill */
.itemgrid .itemwrapper > .info a:not(.itemband-buy) :is(a:hover,a:focus) svg.icon {
	fill: var(--main-text-color);
}

/* remove the icons background */
.itemgrid .itemwrapper > .info a:not(.itemband-buy) :is(a:hover,a:focus) {
	background-color: unset;
}

@media only screen and (max-width: 576px) {
	label.qField > span.icon > svg.icon {
		margin-top: 0;
	}
	
}

.schema .formElements label {
	display: flex;
	align-items: center;
}

/** Hide the default calendar icon in date input fields */
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
}

.schema label.dateTimePicker {
	margin-bottom: 0;
}