#map-browse #content > h2{
    grid-column: 1/3;
    text-align: center;
}

#map-browse .mapping, .mapping-block{
    display: grid;
    height: 600px;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr;
}

#mapping-map{
    grid-column: 1/2;
    margin: 0;
}

#mapping-map, .mapping-map{
    height: 600px;
}

.mapping #mapping-map:only-child, .mapping-block.no-list .mapping-map{
    grid-column: 1/3;
}

#map-browse .mapping > h3, .mapping-block > h3{
    margin-top: 0;
    padding: 0 1rem;
}

#mapping-list, .mapping-block .mapping-list{
    position: relative;
    display: flex;
    flex-direction: column;
    grid-column: 2/3;
    height: 600px;
    overflow-y: scroll;
    padding: 0 1rem;
}

#mapping-list h3, .mapping-block .mapping-list h3{
	margin-top: 0;
}

#mapping-list a, .mapping-block .mapping-list a{
    padding: .5rem 0;
    border-top: 1px solid #dedede;
}

#mapping-list a:last-child, .mapping-block .mapping-list a:last-child{
    border-bottom: 1px solid #dedede;
}

.leaflet-control-layers-selector{
    height: max-content;
    margin: 0;
}

.leaflet-layerstree-header-name{
    margin-left: .25rem;
}

.leaflet-control-geosearch form input{
    border: 0 !important;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out{
    text-indent: 0;
}

.leaflet-bottom.leaflet-right{
    max-width: 50%;
}

.leaflet-div-icon{
    border: 0;
    background-color: transparent;
}

.leaflet-div-icon i{
    font-size: 2rem;
}

.leaflet-control-geosearch button{
	min-height: 30px;
}

/* popup */
.mapping-marker-popup-content, .leaflet-popup-content{
	min-width: 200px;
}

.mapping-marker-popup-content .thumbnail, .leaflet-popup-content .thumbnail{
	display: flex;
	justify-content: center;
}

.mapping-marker-popup-content h3, .leaflet-container a{
	color: black;
}

/* recherche avancée */
#map-browse #advanced-search .field:nth-child(3),
#map-browse #advanced-search .field:nth-child(n+5),
#map-browse #item-sets .field-description{
	display: none;
}

#property-queries .inputs .value{
	gap: 0 .25rem;
	align-items: center;
}

#property-queries .inputs .value > *{
	flex: 4;
	width: 100%;
}

#property-queries .inputs .value > div:first-of-type, #property-queries .inputs .value > button{
	flex: 1;
}

#property-queries .query-property + .chosen-container .chosen-choices{
	display: flex;
	flex-direction: column;
	gap: 3px 0;
}

.chosen-container-multi .chosen-choices li.search-choice{
	width: max-content !important;
}

#property-queries .value:first-child .chosen-container-multi .chosen-choices li.search-field{
	display: none;
}

#advanced-search #item-sets select{
	max-width: 100%;
}

#advanced-search input[type="text"]{
	width: 100%;
	height: max-content;
}

#content .chosen-choices, #content .chosen-container-single .chosen-single, #content .query-text{
	background-image: none;
	box-shadow: none;
	font-size: 16px;
	padding: 6px;
	height: 36px;
	border-radius: 3px;
	border-color: #dfdfdf;
    background-color: white;
}

#advanced-search .chosen-choices li.search-choice{
	margin: 0;
	background: #f0f0f0;
	font-size: 14px;
	line-height: 24px;
	border: 0;
	padding: 0 27px 0 0;
}

.chosen-container-single .chosen-single div b{
	background: none;
}

.chosen-container-single .chosen-single div b::after{
	font-family: "Font Awesome 5 Free";
	content: "\f0d7";
	padding: 6px 0;
	display: inline-block;
}

#advanced-search > button{
	float: none;
	/* margin-left: calc(25% + 24px); */
	color: black;
}

@media screen and (max-width: 640px){
	#map-browse #content, #map-browse .mapping, .mapping-block{
		display: flex;
		flex-direction: column;
	}

	#mapping-list, .mapping-block .mapping-list{
		padding: 0;
	}

	#advanced-search .inputs .value{
		display: flex;
		flex-direction: column;
		gap: .25rem;
	}
}