#itinerary-calendar-new {
	width: 260px;
	height: 500px;
	overflow-y: auto;
	scroll-behavior: smooth;
	padding: 10px;
	margin: 0 auto;
	background-color: #FDFDFD;
	padding: 20px;
	width: 100%;
	max-width: 390px;
	border-radius: 20px;
}

/* Webkit browsers (Chrome, Edge, Safari) */
#itinerary-calendar-new::-webkit-scrollbar {
	width: 10px;
}

#itinerary-calendar-new::-webkit-scrollbar-track {
	background: #f0f0f0;
	border-radius: 6px;
}

#itinerary-calendar-new::-webkit-scrollbar-thumb {
	background-color: #81818157;
	border-radius: 6px;
	border: 2px solid #f0f0f0;
	/* adds padding around thumb */
}

#itinerary-calendar-new::-webkit-scrollbar-thumb:hover {
	background-color: #81818157;
}

/* Firefox */
#itinerary-calendar-new {
	scrollbar-width: thin;
	scrollbar-color: #81818157 #f0f0f0;
}

.month-block {
	margin-bottom: 25px;
}

.month-title {
	font-weight: 700;
	padding: 5px 0;
	text-align: center;
	border-radius: 6px;
	color: #220D07;
	font-size: 16px;
}

.days-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	margin-top: 8px;
	text-align: center;
}

.day {
	font-size: 16px;
}

.day:not(.day-name) {
	padding: 12.5px;
	cursor: pointer;
	/* border-radius: 4px; */
	position: relative;
}

.day.selected:before,
.day.selected:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #EED9D3;
}

.day.selected.start-date:before {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

.day.selected.end-date:before {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}

.day.start-date:after,
.day.end-date:after {
	border-radius: 50%;
	background-color: #87351B;
}

.day.in-range {
	background: #EED9D3;
	border-radius: unset;
}

.day-name span,
.day span {
	z-index: 5;
	position: relative;
	color: #220D07;
}

.day:hover {
	border-radius: 50%;
	background-color: #87351B;
}

.day:hover span,
.day.selected span {
	color: #FDFDFD;
}

.in-range {
	background: #220D07;
}

.output {
	margin-top: 15px;
}

@media (max-width: 575px) {
	.fl-node-s4u18oviaybh.fl-button-lightbox-content {
		max-width: 100%;
	}

	#itinerary-calendar-new {
		height: calc(100vh - 270px);
		border-bottom: 1px solid #E7E4DE;
	}
}

@media (max-width: 450px) {
	#itinerary-calendar-new {
		max-width: 100%;
		border-radius: unset;
	}

	.day:not(.day-name) {
		padding: 15px;
	}
}

@media (max-width: 575px) {
	.itinerary-button {
		background: #fff;
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 20px;
		border-top: 1px solid #E7E4DE;
	}

	.continue-btn,
	.continue-btn:active,
	.continue-btn:focus {
		width: calc(100% - 40px);
		margin: 0 auto;
		position: unset;
		bottom: unset;
		margin: 0 auto;
		left: unset;
	}
}