:root {
	--vre-invalid: #BB1111;
}

.vr-quick-reservation-mod {
	width: 100%;
	background: var(--vre-palette-background-secondary-color);
	border-radius: var(--vre-palette-background-border-radius);
}
.vr-quickres-header {
	text-align: center;
	border-top-left-radius: var(--vre-palette-background-border-radius);
	border-top-right-radius: var(--vre-palette-background-border-radius);
}
.vr-quickres-header h2 {
	font-size: 16px;
	margin: 10px 4px;
	padding: 0;
}
.vr-quickres-header h3 {
	margin: 8px 4px;
	font-size: 14px;
	padding: 0;
}
.vr-quickres-head-content:first-child {
	padding-top: 1px;
}
.vr-quickres-head-image {
	padding-top: 10px;
}
.vr-quickres-head-image:only-of-type {
	padding-bottom: 10px;
}
.vr-quickres-head-image img {
	width: 64px;
	height: 64px;
}
.vr-quickres-step {
	padding: 10px;
}
.vr-quickres-step-unactive-field:first-child + .vr-quickres-step,
.vr-quickres-step:last-child {
	border-top: 1px solid var(--vre-palette-background-border-color);
}

.vr-quickres-step .vrcustomfields .control-custom-field {
	margin: 5px 0;
}
.vr-quickres-step .vrcustomfields .control-custom-field input,
.vr-quickres-step .vrcustomfields .control-custom-field textarea,
.vr-quickres-step .vrcustomfields .control-custom-field select,
.vr-quickres-step .vrcustomfields .control-custom-field .iti {
	width: 100%;
}
.vr-quickres-step .vrcustomfields .control-custom-field .vr-cf-checkbox-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.vr-quickres-step .vrcustomfields .control-custom-field .vr-cf-checkbox-wrap label {
	flex: 1;
}
.vr-quickres-step .vrcustomfields .control-custom-field .vr-cf-checkbox-wrap input[type="checkbox"] {
	width: auto;
	margin-right: 4px;
}

.vr-quickres-step-field {
	margin: 5px 0;
}
.vr-quickres-step-field input, .vr-quickres-step-field textarea {
	width: 100%;
}
.quickres-calendar {
	position: relative;
}
.quickres-calendar:before {
	position: absolute;
	right: 12px;
	top: 8px;
	font-family: "Font Awesome 6 Free";
	content: "\f073";
	font-size: 16px;
	z-index: 1;
	color: var(--vre-palette-text-primary-color);
}
.vr-quickres-calendar {
	width: 100%;
	text-indent: 2px;
	outline: none;
}
.vr-quickres-step-field.short.float-right {
	float: right;
}
.vr-quickres-step-field.short {
	width: 49%;
	display: inline-block;
}
.vr-quickres-step-field select {
	width: 113%;
}
.vr-quickres-step-hints {
	border-top: 1px solid var(--vre-palette-background-border-color);
	border-bottom: 1px solid var(--vre-palette-background-border-color);
	padding: 10px 0;
}
.vr-quickres-content {
	padding: 0 0 10px;
}
.vr-quickres-step-hints-title {
	font-size: 14px;
	margin: 0 0 10px 0;
}
.vr-quickres-step-hints-content {
	display: flex;
	justify-content: center;
	gap: 4px;
	flex-wrap: wrap;
}
.vr-quickres-step-hints-content .vr-quickres-hint-block a {
	padding: 4px 8px;
	display: inline-block;
	font-size: 0.9em;
}
.vr-quickres-step-hints-content .vr-quickres-hint-block:last-child a {
	border:0;
}
.vr-quickres-step-error {
	text-align: center;
	color: var(--vre-invalid);
	margin: 10px 0 0;
	font-size: 16px;
}
.vr-quickres-button {
	margin: 10px 0 0 0;
	width: 100%;
}
input.vrqr-required-field,
iframe.vrqr-required-field {
	border: 1px solid var(--vre-invalid) !important;
}
select.vrqr-required-field,
label.vrqr-required-field,
span.vrqr-required-field {
	color: var(--vre-invalid) !important;
}
.vr-quickres-step-unactive-field {
	font-size: .9em;
	padding: 8px 10px;
	color: var(--vre-palette-text-secondary-color);
	border-top: 1px solid var(--vre-palette-background-border-color);
}
.vr-quickres-step-unactive-field.clickable {
	cursor: pointer;
}
.vr-quickres-step-unactive-field.clickable:hover {
	background: var(--vre-button-primary-hover-background);
	color: var(--vre-button-primary-hover-color);
}

.vrqr-successfull {
	color: var(--vre-button-success-hover-background);
	font-size: 17px;
	text-align: center;
}

.vrtdspecialday a {
	border-color: var(--vre-button-danger-border-color) !important;
    background: var(--vre-button-danger-background) !important;
    color: var(--vre-button-danger-color) !important;
}
.vr-quick-reservation-mod .checkbox-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.vr-quick-reservation-mod .checkbox-wrapper input {
	margin-right: 4px;
	width: auto;
}
.vr-quick-reservation-mod .checkbox-wrapper label {
	flex: 1;
}
.vr-quickres-step-field.half-size {
	display: inline-block;
	width: calc(50% - 2px);
}
.vr-quickres-step-field.half-size.float-right {
	margin-left: 4px;
}
.ui-tooltip.ui-widget-content {
	border-radius: 4px;
	font-size: 13px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.vr-quickres-step-field .specialday-instr {
	margin: 15px 0 10px;
}
@media screen and (max-width : 640px) {
	.vr-quick-reservation-mod .checkbox-wrapper input,
	.vr-quick-reservation-mod .vr-cf-checkbox-wrap input {
		width: 20px !important;
	}

	.vr-quick-reservation-mod .vr-cf-checkbox-wrap input.vrqr-required-field {
		border: 0 !important;
		box-shadow: inset 0 0 0 2px var(--vre-invalid) !important;
	}

	.vr-quick-reservation-mod .checkbox-wrapper, .vr-quickres-step-field .checkbox-wrapper {
		align-items: start;
	}
}

/* RECAPTCHA */

.vr-quickres-step-field .g-recaptcha > div,
.vr-quickres-step-field .g-recaptcha iframe {
	max-width: 100%;
}

/* confirm animation */

.vr-quickres-step-field.confirmation-step button {
	position: relative;
	padding-right: 28px;
	padding-left: 28px;
}
.vr-quickres-step-field.confirmation-step button .animation-icon {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
}
.vr-quickres-step-field.confirmation-step button:not(.clicked) .animation-icon {
	display: none;
}