/*SELECTOR DE HOTELES*/
:root {
	--mask-hotels-zones-height: 240px;
}

@media (max-width: 992px) {
	:root {
		--mask-hotels-zones-height: 350px;
	}
}

.select-hotels-zones__container {
	display: none;
	position: absolute;
	bottom: 60px;
	width: 400px;
	overflow: auto;
	z-index: 20;
	cursor: pointer;

}

#hotels-mask::-webkit-scrollbar {
	width: 2px;
}

#hotels-mask::-webkit-scrollbar-track {
    background: var(--guests-scroll-bg);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#hotels-mask::-webkit-scrollbar-thumb {
    min-height: 40px;
    background: var(--guests-scroll);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#zones-mask::-webkit-scrollbar {
	width: 2px;
}

#zones-mask::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#zones-mask::-webkit-scrollbar-thumb {
    min-height: 40px;
    background: var(--guests-scroll);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.container__months::-webkit-scrollbar {
	width: 2px;
}

.container__months::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.container__months::-webkit-scrollbar-thumb {
    min-height: 40px;
    background: var(--guests-scroll);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.select-hotels-zones__container a {
	text-decoration: none;
}

.select-hotels-zones__container .hotels-zones_toggle {
	position: absolute;
	top: 10px;
	right: 10px;
}

.select-hotels-zones__container .nav-tabs {
	padding: 40px 8px 0;
	margin-bottom: 8px;;
}

.select-hotels-zones__container .nav-item {
	padding: 0 7px;
	position: relative;
	width: 50%;
	text-align: left;
}

.select-hotels-zones__container .nav-item a {
	padding: 8px 8px 8px 40px;
	position: relative;
	
}

.select-hotels-zones__container .nav-item a:hover {
	display: block;
}

.select-hotels-zones__container .nav-item a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	filter: var(--icon-filter-primary);
}

.select-hotels-zones__container .nav-item a.icon-location::after {
	background-image: url('/themes/default/images/icons/ubicacion.svg');
	filter: var(--icons-filter);
}

.select-hotels-zones__container .nav-item a.icon-hotels::after {
	background-image: url('/themes/default/images/icons/cama.svg');
	filter: var(--icons-filter);
}

.select-hotels-zones__container .tab-pane {
	display: none;
	height: var(--mask-hotels-zones-height);
	overflow: auto;
	margin: 0 15px;
}

.select-hotels-zones__container .tab-pane.show {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.select-hotels-zones__container .select-hotels-container__hotel-search-cont {
	position: relative;
	margin-bottom: 7px;
	margin-top: 7px;
	display: flex;

}

.select-hotels-zones__container .select-hotels-container__hotel-search-cont::after {
	content: '';
	position: absolute;
	right: 7px;
	top: 40%;
	transform: translateY(-50%);
	width: 18px;
	height: 17px;
	background-image: url('/themes/default/images/icons/search.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.select-hotels-zones__container #select-hotels-container__hotel-search {
	display: flex;
	background-color: #f1f1f1;
	padding: 7px 7px;
	width: 260px;
	margin-bottom: 10px;
}


.select-hotels-zones__container .select-hotels-zones__item,
.select-hotels-zones__container .fake-input-hotels-zones {
	display: flex;
	color: black;
	text-decoration: none;
	text-wrap: balance;
}

.select-hotels-zones__container .fake-input-hotels-zones {
	color: black;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.select-hotels-zones__container .select-hotels-zones__item {
	padding: 3px 0px;
	transition: all 0.6s;
	position: relative;
}

.select-hotels-zones__container .select-hotels-zones__item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0px;
	display: flex;
	background-color: var(--primary-color);
	transition: width 0.6s;
}

.select-hotels-zones__container .select-hotels-zones__item:hover:after {
	width: 100%;
}

.select-hotels-zones__container .select-hotels-zones__item:last-child {
	margin-bottom: 15px;
}

.select-hotels-zones__container.to-bottom {
	bottom: auto;
	top: 43px;

}

.select-hotels-zones__container.expanded {
	display: block;
	background: #fff;
}

@media (max-width: 992px) {
	.select-hotels-zones__container.expanded {
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		border: unset;
		right: unset;
		background-color: #0007;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.select-hotels-zones__wrapper {
		background-color: #fff;
		position: relative;
		width: 90vw;
		height: 50vh;
	}

	.select-hotels-zones__container .tab-pane.show {
		height: 70%;
	}

	.select-hotels-zones__container .nav-item a {
		padding: 8px;
		text-align: center;
	}

	.select-hotels-zones__container .nav-item a::after {
		content: none;
	}

	.select-hotels-zones__container.to-bottom {
		top: 0px;
	}

	.select-hotels-zones__container {
		width: 430px;
        height: 442px;
        position: absolute;
        left: -14px;
        top: -2px;
        z-index: 100;
		border-radius: 0;
	}

	.booking-wrapper .neobookings-mask .selector {
		height: 60px;
		text-align: center;
	}

	.select-hotels-zones__container #select-hotels-container__hotel-search {
		width: 260px;
		height: 40px;
	}

	.fake-input-hotels-zones {
		width: 100%;
		height: 100%;
		text-align: center;
		align-content: center;
		margin-top: 0;
	}

}

/*FIN SELECTOR DE HOTELES*/