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

a {
	text-decoration: none;
	color: #4b4b4b;
}

a:hover {
	text-decoration: none;
	color: #4b4b4b;
}

#root {
	margin: 0 auto;
}

p {
	margin: 0;
	padding: 0;
}

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

.ReactModal__Overlay {
	z-index: 999;
}

/* 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: 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: #dcece7;
	border-radius: 10px;
	border: 1px solid #49a78a;
}

.react-calendar .react-calendar__tile--active div {
	color: #085c40;
}

.react-calendar .react-calendar__tile--active {
	color: #085c40;
}

.booking-date-picker .react-calendar .react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
	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: #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;
}
