/* LIST PROPERTIES */

.map-container{
	width: 100%;
	height: 92%;
	background: #c0c0c0;
	position: fixed;
	z-index: 2;
}


#map-filter-container{
	width: 100%;
	height: 100px;	
	position: fixed;
	top: 100%;
	z-index: 3;
	margin-top: -120px; 
}


#properties-placeholder{
	/*position: absolute;
	padding: 5px !important;
	top: 90% !important;
	z-index: 2;
	overflow: hidden;*/
	
}

#properties-placeholder .card{
	margin-bottom: 0 !important;
}

#properties-pagination{
		z-index: 99999999 !important;

	position: relative !important;
}
#properties-pagination .page-item:first-child .page-link{
	margin: 5px !important;
	z-index: 99999999 !important;
	position: absolute;
}

#properties-pagination .page-item:last-child .page-link{
	margin: 5px !important;
	z-index: 99999999 !important;
	position: absolute;
	right: 0px !important;
}


.property-box{
	min-height: 250px;
	border:2px solid #efefef !important;
}

.property-box:hover{
	border:2px solid #3cd278 !important;
}



.select2-container{
	width: 200px !important;
	min-width: 200px;
	padding: 2px 5px 2px 5px !important;
	border: 0;
	
	
	
}

.select2-container .select2-selection--single {
	min-height: 40px !important;
	border: 0;
	
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px !important;
	
}

.select2-selection__arrow{
	display: none;
}
.select2-container--default .select2-selection--single{
	border:1px solid #dee2e6 !important;
}


.payment-method.selected{
	background-color: var(--bs-blue);
}


.map-icon{
	z-index :100!important;
	position: relative;
	
}

.show-mobile{
	display: none;
}

.hide-mobile{
	display: block;
}

.table-responsive{
	overflow-x: visible !important;
}

.page-item{
	margin: 5px;
}
.table-small td{
	font-size: 0.9em !important;
}	


.property-preview-nav-link.active{
	border:2px solid #efefef;
	border-radius: 5px;
}

#property_map{
  
   position: relative !important;
   background:rgb(255, 224, 157);
}

.unit-box {
	container-type: size;   
	 display: table-cell; 
	 position: absolute;
	 border: 1px solid #000;
	 margin: auto;
}

.unit-box:hover {
	opacity: 0.9 !important;
}

.map-unit-text-container{
	resize: both; 
	position: absolute; 
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	vertical-align: center !important; 
	width: 100%; 

}

.map-unit-text-container.font-size{
 
	font-size: 1vmax;
 
}


.map-unit-text-container.font-size-zoom{
 
	font-size: 1.3vmax;
 
}

.cursor-pointer{
	cursor: pointer !important;
 }

@media (max-width: 575.98px) {
	.home-title{
		margin-top: 70px;
	}
	
	.type_filter{
		width: 90% !important;
	}
	
	#map-filter-container{
	width: 100%;
	height: auto !important;
	position: absolute;
	top: 250px;
	z-index: 3;
	
	}
	
	#mobile-filter-icon{
		width: 70px;
		height: 70px;
		padding-top: 20px;
		position: fixed;
		z-index: 100;
		bottom: 10px;
		right: 10px;
		border-radius: 50px;
		background-color: #05f;
		color: #fff;
	}
	
	.show-mobile{
	display: block !important;
}

.hide-mobile{
	display: none !important;
}

.table-responsive{
	overflow-x: auto !important;
}
}