/*ESTILS RESPONSIVE BOOKING DETAILS */

#collapse_booking {
	overflow-y: scroll !important;
	max-height: 410px !important;
}


@media screen and (max-width: 600px) {
	#responsive_booking {
		position: fixed !important;
		width: 100% !important;
		bottom: 0 !important;
		top: auto !important;
		left: 0 !important;
		z-index: 9999 !important;
		padding-right: 10px !important;
		border-right: 1px solid #e1e1e1 !important;
		margin-bottom: 0 !important;
		overflow: visible !important;
		overflow-x: hidden !important;
		padding: 0 !important;

	}

	#collapse_booking {
		overflow-y: scroll !important;
		max-height: 450px !important;
	}

	.responsive_details {
		background-color: #8495A1 !important;
		margin-bottom: 0px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;

	}

	.responsive_title {
		text-align: center !important;
		color: white !important;
		margin-bottom: 0px !important;
	}

	#confirm_booking {
		width: 100% !important;

	}

	/** test collapse*/
	.responsive_details:not(.collapsed)::after {
		background-image: var(--bs-accordion-btn-active-icon);
		/* transform: var(--bs-accordion-btn-icon-transform); */
	}

	.responsive_details::after {
		flex-shrink: 0;
		width: var(--bs-accordion-btn-icon-width);
		height: var(--bs-accordion-btn-icon-width);
		margin-left: auto;
		content: "";
		background-image: var(--bs-accordion-btn-icon);
		background-repeat: no-repeat;
		background-size: var(--bs-accordion-btn-icon-width);
		transition: var(--bs-accordion-btn-icon-transition);
	}
}