:root {
	--wl-transparent: transparent;
	--wl-black: #000000;
	--wl-main: #000000;

	--wl-text-black: #333333;
	--wl-text-color-main: #4c4c4c;
	--wl-text-color-second: #8d8d8d;
	--wl-text-color-light: #a3a3a3;
	--wl-text-color-tint: #999999;
	--wl-text-white: #ffffff;

	--wl-button-primary-background: #417df8;
	--wl-button-primary-text: #417df8;
	--wl-button-primary-hover-text: #ffffff;
	--wl-button-primary-color: #bababa;
	--wl-button-primary-hover-background: #bababa;
	--wl-button-secondary-color: #bababa;
	--wl-button-outline-background: transparent;
	--wl-button-outline-hover-background: transparent;

	--wl-block-color: #fafafa;
	--wl-background: #ffffff;
	--wl-background-second: #ededed;
	--wl-overlay-modal: #ffffff7f;
	--wl-border-color: #eaeaea;
	--wl-empty-image-bck: #bababa;
	--wl-shimmer-color: #f1f3f3;
	--wl-error-text: #ff2270;
	--wl-error-border: #e84a50;
	--wl-booking-available: #00ce3d;
	--wl-booking-disabled-text: #979897;
	--wl-status-success: #2db744;
	--wl-chart-primary: #3d454d;
	--wl-badge-background: #3d454d;
	--wl-select-border: #e4e4e5;
	--wl-form-control-border: #e3e3e4;
	--wl-security-image-background: #dee2e6;
	--wl-avatar-action-shadow: #171717;
	--wl-avatar-slider-rail: #864bc1;
	--wl-avatar-slider-track: #0a7b55;
	--wl-wallet-section-title: #3a3a3a;

	--wl-red: red;
	--wl-green: green;
	--wl-blue: blue;
	--wl-yellow: yellow;
	--wl-orange: orange;

	--wl-link-color: #4b4b4b;
	--wl-calendar-hover-background: rgba(15, 23, 42, 0.08);
	--wl-calendar-selected-background: #dcece7;
	--wl-calendar-selected-border: #49a78a;
	--wl-calendar-selected-color: #085c40;
	--wl-calendar-now-background: #ffffff;
}

* * {
	box-sizing: border-box;
	outline: none;
}

a {
	text-decoration: none;
	color: var(--wl-link-color, #4b4b4b);
}

a:hover {
	text-decoration: none;
	color: var(--wl-link-color, #4b4b4b);
}

#root {
	margin: 0 auto;
}

p {
	margin: 0;
	padding: 0;
}

button {
	border: 0;
	background-color: transparent;
}

.ReactModal__Overlay {
	z-index: 50;
}

/* SLIDER */

.szh-menu {
	border-radius: 10px;
	box-shadow: none;
	background: transparent;
	padding-top: 10px;
}

/* REACT-CALENDAR */
.react-calendar {
	border: none;
}

.react-calendar__navigation {
	display: flex;
	padding: 16px 0;
}

.react-calendar__month-view__weekdays{
	padding: 8px 0  16px 0;
}

.react-calendar__month-view__weekdays__weekday  {
	display: grid;
	justify-items: center;
}

.react-calendar__tile {
	border: 1px solid transparent;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
	background: var(--wl-calendar-hover-background, rgba(15, 23, 42, 0.08));
	border-radius: 10px;
	cursor: pointer;
}

.booking-date-picker .react-calendar .react-calendar__tile--active,
.booking-date-picker .react-calendar__tile--hasActive {
	background: var(--wl-calendar-selected-background, #dcece7);
	border-radius: 10px;
	border: 1px solid var(--wl-calendar-selected-border, #49a78a);
}

.react-calendar .react-calendar__tile--active div {
	color: var(--wl-calendar-selected-color, #085c40);
}

.react-calendar .react-calendar__tile--active {
	color: var(--wl-calendar-selected-color, #085c40);
}

.booking-date-picker .react-calendar .react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
	background: var(--wl-calendar-selected-background, #dcece7);
	border-radius: 10px;
}


.booking-date-picker .react-calendar .react-calendar__navigation button:disabled {
	background: transparent;
}

.booking-date-picker .react-calendar__month-view__days__day abbr {
	display: initial;
}

.booking-date-picker .react-calendar__month-view__days__day--weekend abbr {
	color: black;
}

.react-calendar__tile--now {
	background-color: var(--wl-calendar-now-background, #fff);
}

.rodal {
	z-index: 1;
}

.Modal {
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
	overflow: auto;
	max-height: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
	.Modal {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.Overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

@media (min-width: 768px) {
	.Modal {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.Overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

#freedom-hpc > iframe {
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
}


#Cardinal-ElementContainer > div#Cardinal-Modal {
	max-width: 75vw!important;
	width: max(400px, 40vw);
	min-width: 30vw!important;
	height: max(400px, 60vh);
	max-height: 100vh;
}

#Cardinal-ElementContainer > div#Cardinal-Modal > div#Cardinal-ModalContent {
	height: 100%;
}

#Cardinal-ElementContainer > div#Cardinal-Modal > div#Cardinal-ModalContent > iframe#Cardinal-CCA-IFrame {
	height: 100%;
}

@media (min-width: 0px) and (max-width: 767px) {
	#Cardinal-ElementContainer > div#Cardinal-Modal {
		max-width: 100%!important;
		width: max(400px, 100%);
		min-width: 50%!important;
		height: max(400px, 100%);
		max-height: 100%;
	}
}