/* Little hack to manage the viewport for safari */
@supports (-webkit-touch-callout: none) {
	body {
	  
	  min-height: -webkit-fill-available;
	}
  }

  


/***********************/
/* style du zoomslider */
/***********************/
#body-pd {
	font-family: Arial, sans-serif;
}
.ol-zoomslider {
	position: absolute;
	top: 110px !important;
	left: 14px; 
	right: 8px; 
	background-color: rgba(45, 112, 75, 0.7);
	width: 20px; 
	height: 200px; 
	padding: 0;
	box-shadow: 0 0 1px rgb(0, 0, 0);
	border-radius: 00px; 
}

.ol-zoomslider-thumb {
	left: -3px;	
}


.ol-zoom-in {
	/* background-color: white;
    border-radius: 50%;
    color: lightgrey;
    top: unset;
    left: unset;
    bottom: 3%;
    right: 6%;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    scale: 1.7;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center; */
	position: fixed;
	top: 100px;
	left: 11px; 
	width:20px;
	height:20px;
}
.ol-zoom-out {
	position: fixed;
	top: 122px;
	left: 11px; 
	width:20px;
	height:20px;
}
.gcd-gl-control {
	position: fixed;
	top: 30%;
	left: 0.7%; 
}
/*
Cet élément sera à déplacer à une autre place
(affichage des coordonnées GPS de la souris)
.custom-mouse-position {
	background-color: aliceblue;
}
*/
/* nav_menu correspond au menu supérieur pour supplanter le style
original du bootstrap */
#navbar-btn{
	color:rgb(228, 228, 228);
}
#navbar-btn:hover{
	color: white;
}




/* sidenav correspond au menu de droite se déroulant pour un affichage
des paramètres lors d'une localisation, d'un affichage de choix des couches
ou pour le tracé d'une parcelle */
.sidenav {
	background-color: white;
    border: 8px solid rgba(169, 179, 175, 0.73);
    border-radius: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    right: 100px;
    top: 145px;
    transition: width 0.5s;
    width: 0;
    max-height: 80vh;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    scrollbar-width: none;
    width: 350px;
    height: auto;
    max-width: 25vw;
}


.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size:25px;
	color: #060a04;
	display: block;
	transition: 0.3s;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 1vw;
	font-size: 36px;
	
}

.sidenav .searchbtn {
	color: beige;
	background-color: rgb(153, 155, 156);
	border:1px solid transparent;
}
.sidenav-tab {
	border-radius: 50%;
	
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);

}
/***********************/
/* style de l'échelle  */
/***********************/

.ol-scale-line {
	padding: 5;
}

/***********************/
/*   Style du panel    */
/***********************/
.layer-switcher {
	top: 10px;
	right: 20px;
}


.layer-switcher:before {
	/*background-image:url('http://riskppp.cra.wallonie.be/img/logos-fusionnes.png'); */
	background-size: 140px 40px;
	display: inline-block;
	width: 120px;
	height: 40px;
	content: "";
}



  /* Side nav button style */ 


  .side_nav_button_style {
	width: 92%; 
	border: 1px solid transparent;
	border-color:rgba(54, 121, 114, 0.9);
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	background-color: #f8fcf5;
	box-shadow: #93a86d 0px 2px 3px;
	color: #374224fd;
	font-size: 15px;
	font-weight: 400;
	height: 35px;;
	transition: all 150ms ease-in-out 0s;
	text-align: left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:8px;
	padding-left:10px; 
	

  }

  
  /* .side_nav_button_style_ppp:after{
    content: '';
    border: 4px solid transparent;
    border-top: 4px solid white;
    margin-left: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: bottom;
} */
  .side_nav_button_style:hover {
	color: #11140bfd;
	background-color: #f8fcf5ef;
	box-shadow: #647e39f8 0px 2px 3px, rgb(201, 231, 195) 0px 0px 0px 2px;


		/* box-shadow: #647e39f8 0px 2px 3px, rgb(201, 231, 195) 0px 0px 0px 3px; */
	}
	/* .side_nav_button_style:focus >.css-chevron-down {
										transform: rotate(180deg)
								   } */

	.side_nav_button_style .css-chevron-down {float:right;
										  }
	.css-chevron-down {
		transition: transform ease-out 0.2s;
		margin-left: auto;
		margin-right:0;
	}
	.rotate .css-chevron-down {
		transition: transform ease-out 0.2s;
		transform: rotate(-180deg)
	}
	
	

	  .side_nav_button_style:active {
		position: relative;
		top: 1px;
	}


  
	.side_nav_button_style_user_parcel {
		width:92%;
		display:table-cell;
		outline: 0;
		appearance: none;
		padding: 4px 12px 2px 12px;
		border: 0px solid transparent;
		/* border-color:rgba(83, 121, 72, 0.7); */
		border-radius: 5px; 
		text-decoration: none;
		cursor: pointer;
		background-color: #f7c0c0;
		/* box-shadow: #93a86d 0px 2px 3px; */
		/* color: #28301cfd; */
		font-size: 14px;
		font-weight: 400;
		height: auto;
		margin-left: 10px;
		
		transition: all 150ms ease-in-out 0s;
	  }
	  /* .side_nav_button_style_ppp:after{
		content: '';
		border: 4px solid transparent;
		border-top: 4px solid white;
		margin-left: 2px;
		margin-bottom: 3px;
		display: inline-block;
		vertical-align: bottom;
	} */
	.side_nav_button_style_user_parcel:hover {
		color: #162515fc;
		background-color: #d68a8aef;
			/* box-shadow: #647e39f8 0px 2px 3px, rgb(201, 231, 195) 0px 0px 0px 3px; */
		}
	
	
		  .side_nav_button_style_user_parcel:active {
			position: relative;
			top: 1px;
		}
	.side_nav_button_style_user_parcel .css-chevron-down {float:right;
	}
	/* .css-chevron-down {
		transition: transform ease-out 0.2s;
		margin-left: auto;
		margin-right:0;
	}
	.rotate .css-chevron-down {
		transition: transform ease-out 0.2s;
		transform: rotate(-180deg)
	} */

	
	.draw_nav_button_style {
		display: inline;
		appearance: none;
		padding: 8px 8px 4px 8px;
		border: 1px solid transparent;
		border-color:rgba(54, 121, 114, 0.9);
		border-radius: 4px;
		text-decoration: none;
		cursor: pointer;
		background-color: #f8fcf5;
		box-shadow: #93a86d 0px 2px 3px;
		color: #374224fd;
		font-size: 15px;
		font-weight: 400;
		height: 35px;;
		width: 100%;
		transition: all 150ms ease-in-out 0s;
		text-align: left;
		margin-top:5px;
		margin-bottom:5px;
		}


  .draw_nav_button_style:hover {
		color: #11140bfd;
		background-color: #f8fcf5ef;
    box-shadow: #647e39f8 0px 2px 3px, rgb(201, 231, 195) 0px 0px 0px 2px;
		
	}

	.draw_nav_button_style:active {
		position: relative;
		top: 1px;
	}

.draw_nav_icon{
	
	padding-right:0px;
}

.container{
	padding-left: 0px; 
	padding-right: 0px; 
	width: 100%;
}

.sidenav_icon{
	position:relative;
	opacity:0.95; 
	color:#aaa;
	border-radius: 30px;
	z-index:3;
	/* transition: transform .5s; */
}

.windmill{
	filter:saturate(0);
}

.map-submenu{
	font-weight: bold; 
	margin:0px;
	font-size:16px;
	margin-top:10px;
}





.sidenav_circle{
	color:rgb(255, 255, 255);
	scale:1.2;
}
.question_label {
	text-align: left;
  }
  
  .radio-container {
	width: 100%;
	display: flex;
	justify-content: center;
  }
  
  .radio-group {
	border-radius: 20px;
	display: flex;
	justify-content: space-evenly;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	width: 200px;
	height: 30px;
	position: relative;
	margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .question_radio {
	display: none;
  }
  
  .radio-option {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin: 0;
	transition: background-color 0.3s, color 0.3s;
  }
  
  .radio-option-yes {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
  }
  
  .radio-option-no {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
  }
  
  .radio-option:hover {
	background-color: #dfdfdf;
  }
  
  /* When radio input is checked, change label background */
  .question_radio:checked + .radio-option {
	background-color: #187b72;
	color: white;
  }








#txt-carto-span {
	position: absolute;
	font-size: 18px;
	display: inline-flex;
	background-color:rgb( 54, 121, 114);
	cursor:default;
	pointer-events: none;
	overflow: hidden;
	color: white;
	white-space: nowrap;
	top: 0%;
	right: 0px;
	padding-left: 20px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 70px;
	border-radius: 200px;
	box-shadow: 0 0 50px rgba(33,33,33,.2);
	z-index: 1;
	transform: scaleX(0.7);
	transform-origin: right;
	opacity: 0;
	transition: transform 0.2s, opacity 0.1s;
}

.sidenav_icon:hover ~ #txt-carto-span {
	transform: ScaleX(1);
	opacity:1;

	
}
.sidenav_icon:hover ~ #fa_circle {
    
    opacity: 1;
    z-index: 2;
    color: #4C928D;
}
.sidenav_icon:hover {
	color:white;
}

.sidenav_icon:hover .windmill  {
	filter: invert(100%) sepia(0%) saturate(930%) hue-rotate(86deg) brightness(113%) contrast(100%)!important;
}


.pulse-button {
	color: white;
	border: none;
	border-radius: 50%;
	background: #ffffff;
	cursor: pointer;
	box-shadow: 0 0 0 0 rgba(120, 153, 117, 0.5);
	animation: pulse 1.5s infinite;
	-webkit-animation: pulse 1.5s infinite;
  }
  
  .pulse-button:hover {
	animation: none;
	-webkit-animation: none;
  }
  @keyframes pulse {
	0% {
	  transform: scale(0.9);
	}
	70% {
	  transform: scale(1);
	  box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
	}
	100% {
	  transform: scale(0.9);
	  box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
  }
  
  @-webkit-keyframes pulse {
	0% {
	  -moz-transform: scale(0.9);
	  -ms-transform: scale(0.9);
	  -webkit-transform: scale(0.9);
	  transform: scale(0.9);
	}
	70% {
	  -moz-transform: scale(1);
	  -ms-transform: scale(1);
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
	}
	100% {
	  -moz-transform: scale(0.9);
	  -ms-transform: scale(0.9);
	  -webkit-transform: scale(0.9);
	  transform: scale(0.9);
	  box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
  }
/* 
.blue:hover{
	opacity:1;
	filter: sepia(100%) hue-rotate(150deg) brightness(100%) saturate(420%);
}

.red:hover{
	opacity:1;
	
	filter: sepia(100%) hue-rotate(300deg) brightness(100%) saturate(420%);
}

.yellow:hover{
	opacity:1;
	filter: sepia(100%) hue-rotate(5deg) brightness(100%) saturate(420%);
}
.green:hover{
	opacity:1;
	filter: sepia(100%) hue-rotate(75deg) brightness(100%) saturate(420%);
} */
	

/* Popup container - can be anything you want */
.pulve_popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* The actual popup */
  .pulve_popup .popuptext {
	visibility: hidden;
	width: 400px;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 14, 58);
	text-align: center;
	border: 2px;
	border-width: 1cm;
	border-radius: 6px;
	border-color: rgb(0, 0, 0);
	box-shadow: #000000f8 0px 2px 3px 0px;
	padding: 8px 0;
	position: absolute;
	z-index: 5;
	bottom: 125%;
	
	margin-left: -192px;
	margin-bottom: 5px;
  }
  
  /* Popup arrow */
  .pulve_popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 10px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class - hide and show the popup */
  .pulve_popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
	from {opacity: 0;} 
	to {opacity: 1;}
  }
  
  @keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
  }

  .fa-spin{
	-webkit-animation: fa-spin 4s infinite linear;
	animation: fa-spin 4s infinite linear;
  }

  /* Side nav button style */ 
/* 
.side_nav_button_style_user_parcel {
	display: inline-block;
	outline: 0;
	appearance: none;
	padding: 2px 12px 2px 12px;
	border: 2px solid transparent;
	border-color:rgba(153, 39, 39, 0.7);
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	background-color: #fcf6f5;
	box-shadow: #a86d6d 0px 2px 3px;
	color: #301c1cfd;
	font-size: 14px;
	font-weight: 400;
	height: auto;
	width: auto;
	transition: all 150ms ease-in-out 0s;
  }
  .side_nav_button_style_user_parcel:hover {
		color: #140b0bfd;
		background-color: #fcf5f5ef;
		box-shadow: #7e3939f8 0px 2px 3px, rgb(231, 195, 195) 0px 0px 0px 3px;
	} */

.modal-switch-container{
	
		display:flex;
		
		background-color: rgb(250, 255, 250);
		  justify-content: space-evenly; /* Adjust the spacing between buttons */
	}
	
	
.modal-switch-container .button {
		padding: 10px 20px;
	    background-color: rgb(250, 255, 250);
	
		
		color: rgb(0, 60, 30);
		border: none;
		border-radius: 5px;
		cursor: pointer;
		opacity:0.7
	  }

.modal-switch-container .button:hover {
	    opacity:1;
}



.modal-switch-container .button:focus {
	opacity:1;
	font-weight : bold;
}

.modal-switch-container .dot {
    position: absolute;
    top: 134px;
    left:0 ;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: rgb(8, 104, 22);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.modal-switch-container .button:nth-child(1):hover ~ .dot {
	opacity: 1;
    left: calc(17%); /* Adjusting for the first button */
}

.modal-switch-container .button:nth-child(2):hover ~ .dot {
	opacity: 1;
    left: calc(50%); /* Adjusting for the second button */
}

.modal-switch-container .button:nth-child(3):hover ~ .dot {
	opacity: 1;
    left: calc(83%); /* Adjusting for the third button */
}



 

#resultsContainer {
	max-height: 186px; /* Adjust based on your design needs */
	overflow-y: auto; /* Enable vertical scrollbar */
	margin-top: 0px; /* Space between search bar and results */
	padding: 3px; /* Optional: padding inside the results container */
}

#resultsContainer label {
	padding: 3px; /* Space between individual items */
	display: block; /* Make sure each label takes a full line */
	cursor : pointer;
}
#resultsContainer label:hover {
	background-color: rgba(245, 252, 251, 0.9)
}

.bouillie_container {
	display: flex; /* Use Flexbox to lay out the sections side by side */
	justify-content: space-between; /* Space out the sections */
	margin-top: 10px; /* Space between the top of the page and the container */
}

/* Style for each section */
.bouillie_section {
	flex: 1; /* Allow sections to take equal width */
	margin-right: 10px; /* Space between sections (only applies to left section) */
}

/* Remove margin from the last section */
.bouillie_section:last-child {
	margin-right: 0;
}

.bouillie_divider {
	width: 1px; /* Width of the vertical line */
	background-color: #ddd; /* Color of the vertical line */
	height: auto; /* Let it stretch the height of the container */
	align-self: stretch; /* Ensure it stretches to the full height of the container */
}

.dataTable {
		width: 100%;
		border-collapse: collapse;
		margin-top: 20px;
}

	th, td {
		border: 1px solid #ddd;
		padding: 8px;
		text-align: left;
		height: 37px;
	}

	th {
		background-color: #f4f4f4;
	}

	tr:nth-child(even) {
		background-color: #f9f9f9;
	}

	tr:hover {
		background-color: #f1f1f1;
}

.calculation_btn {
	float: right;
  	margin-right: 5px;
  	border-radius: 20px;
  	font-size: 20px;
  	padding: 10px;
  	padding-left: 0px;
  	padding-right: 20px;
  	background-color: #fff;
  	color: #0e9172;
  	border-color: #187b72;
  	font-weight: bold;
	transition:all .2s;
	width:270px;
	text-align: right;

}
.calculation_btn:hover{
	background-color:rgba(40,141,121,1);
	color:white;
}


.tractor_moving {
  position: relative;
  float:left;
  bottom:-6px;
  left:10px; 
  transition: all 1.5s ease;
}

.tractor_MapSelectionRadio{
	filter: invert(51%) sepia(31%) saturate(754%) hue-rotate(126deg) brightness(88%) contrast(84%);
	width:30px; 
	height:30px; 
}



.calculation_btn:hover + .tractor_moving {
  transform: translateX(285px); 
}


.image-container {
	width: 60px;
	height: 60px; 
	border-radius: 50%; 
	overflow: hidden; 
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px transparent; 
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	margin-top:5px;
	transition: scale 0.2s;
	cursor:pointer;
}
.image-container:hover {
	scale:1.1
}

.image-container img {
scale:80%; 
height: auto;
position:relative;
left:-2px;
}

.logo-parcel-result{
	width: 50px; 
	height: 50px;
}

.report_btn{
  position: absolute;
  bottom: 15px;
  border-width: 1px;
  border: transparent 1px;
  border-radius: 50px;
  padding: 5px;
  box-shadow: 1px 1px 3px 0px;
  padding-left: 70px;
  font-size: 15px;
	padding-right:10px;
	cursor:pointer;
	opacity:0;
	transform: scaleX(0.7);
	transform-origin: left;
	transition: transform 0.2s, opacity 0.1s;
	color: rgba(40,110,121,1);
	font-weight: bold;
  width: 300px;
}

  
  .report_btn:hover {
	  opacity:1;
	  transform: scaleX(1);
  }
  .restriction_footer_initial{
	border-top:0px;
	display: none; 
	padding:0px; 
	padding-bottom: 10px;

	
	opacity:0;
	/* transform: translateY(-200px);  */
	transition: all 1.5s ease; 
  }

  .restriction_footer_animation{
	display: table; 
	opacity: 1; 
	width:100%
	/* transform: translateY(0); */
}

.metadata_style{
	margin-left: 2em; 
}
  
.metadata_title{
	color : rgba(40,100,100,1)
}




.help-dropdown-content {
    display: none;
    padding-left: 1em;
    margin-top: 10px;
    color: #555;
    font-size: 0.9em;
}

.help-toggle {
    cursor: pointer;
    padding: 10px;
	 padding-left: 2em;
    display: block;
    color: #000000;
	background-color: rgba(255,255,255,0.1);
}

.help-toggle:nth-child(odd){
	background-color: rgba(240,240,240,0.4);
}

/* Additional styling for hover effect */
.help-toggle:hover {
    background-color: rgba(240,240,240,0.6);
}

.help-image-container {
	display: flex;
	justify-content: left;
	margin: 10px;
	width:auto;

}


.help-image-container img {
	
	cursor: pointer;
	transition: transform 0.3s ease;
	border-radius:50%;
	width : 60px;
	height:60px;
	border: solid ;
	border-width: 2px;
	margin-right: 20px
}


.help-image-container img:hover {
	transform: scale(1.2);
}
.product_selection_button_box{
	display: flex;
	width: 225px;
	justify-content: space-between;
	right: -280px;
	position: relative;
	padding-top: 10px;
}
.btn_product_selection_button_box{
	width:48%;
	border:0px;
}

.modal-dialog{
	padding-left: 10px;
	padding-right : 10px;
}

.sprayingDirection_div3{
	font-size:smaller;
	width:unset;
	margin-top:7px;  
	width : 660px; 
	padding-left:2px;
	opacity:0.3; 
	pointer-events:none;
}

.main_btn_container{
	background-color: transparent;
	color: white;
	display:flex; 
	flex-direction: row;
	bottom: 50px;
	height: 40px;
	width: 500px;
	position: absolute;
	border-radius:40px;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.8);
	border: none;
	justify-content: space-evenly;
}

.btn_parcel_map{
	background-color: #187b72;
	color: white;
	border:none;
	flex:1;
	border-right:1px solid rgb(235, 255, 235);
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	transition: background-color 0.4s; 

	font-size: 16px;
}

.btn_parcel_map:hover{
	background-color: #318a69ed;
	color: #fff;
}

.btn_parcel_map b{
	transition: transform 0.2s; 
	display: inline-block;
	align-content: center;
	font-size: 16px;
	height: 30px;
	line-height: 1;
}

.btn_parcel_map:hover b{
	transform:scale(1.05);
}

.btn_process_map{
	background-color: #187b72;
	color: white;
	border:none;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	flex:1;
	border-left:1px solid rgb(235, 255, 235);
	transition: background-color 0.4s; 

	font-size: 16px;
}
.btn_process_map:hover{
	background-color: #318a69ed;
	color: #fff;

}

.btn_process_map b{
	transition: transform 0.2s; 
	display: inline-block;
	align-content: center;
	font-size: 16px;
	height: 30px;
	line-height: 1;
}

.btn_process_map:hover b{
	transform:scale(1.05);
}



.btn_parcel_map{
	background-color: #187b72;
	color: white;
	/* bottom: 50px;
	height: 34px;
	width: 236px;
	right:50px;
	position: absolute;
	border-radius: 40px;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.8);
	border: none; */
}


.btn_process_map_div{
	display:flex;

	align-content: center;
	justify-content: center;
}

.PCMapsInput{
	display:none;
}

.data_menu_selection{
	display:flex;
	flex-direction:row;
	justify-content: space-evenly;
	list-style:none;
	padding-left:0;
}

.data_menu_selection li{
	flex:1;
	
}

.map-radio-wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	list-style:none;
}

.map-radio-wrapper input[type="radio"] {
	display: none; /* Hide radio button */
}

.fa-icon-map{
	font-size:30px;
	color: rgb(54, 141, 134);
	transition:color 0.3s; 
}

.map-icon-container {
	position: relative;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.map-icon-circle {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgba(211, 211, 211, 0); /* Default background */
	transition: background-color 0.3s, color 0.3s;
	box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
	transition: scale 0.2s
}


.partners-container{
	margin:10px; 
	padding-top:10px;
	border : solid lightgrey 1px;
	border-radius : 30px;
}

.partner-header-title{
	font-weight: bold; 
	font-size: 35px; 
	text-align:center; 
	padding-bottom: 10px; 
	color:rgb(54,121,114);
}

.partner-header-arrow{
	color : rgb(54, 141, 134);
	scale : 3;
	display:flex;
	justify-content: center;
	padding : 20px 0px;
}


.partners-modal-dialog{
	background-color:white;
	border-radius: 10px;
	padding : 40px 20px;
	
}

.partner-list {
	padding: 0;
	margin: 0;
}
.partner-sublist {
  	list-style-type: none;
	font-size:1.4em;
	font-weight:bold;
}

.partner-sidelist {
	display: grid;
	grid-template-columns: auto auto auto;
	max-width: 100%;
	gap: 30px;
	justify-content: center;
	padding: 0;
}

.partner-item {
	list-style: none;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 100%; /* Ensures equal height if needed */
	box-shadow: 0 0 2rem #0000001a;
	transition: transform .42s cubic-bezier(.165,.84,.44,1);
	width:250px;
  }

  .partner-item:hover{
	transform:scale(1.05);
	
	box-shadow: 0 0 2rem #0003;;
	
  }


  .partner-item a {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
	text-decoration: none;
	color: inherit;
	font-weight:normal !important
  }

  .partner-item img {
    width:100%;
	object-fit: contain;
	height:100%;

  }
  
  

  

  .partner-item span {
	padding:0 12.5px;
	font-size: 1.2em;
	min-height: 3em;
	display: flex;
	align-items: center;
	text-align: left;
	letter-spacing : 0;
	font-weight:bold;
	padding-bottom:6px;
	
  }



  .partner-logo-content{
	height: 180px;
  }
  .partner-item-description {
   font-size:0.8em !important;
   font-weight:normal !important;
   font-family: Helvetica !important;

  }
  .partner-item-implication{
	font-size:1.1em !important;

	font-family: Helvetica !important;
	min-height:0 !important;
  }
  .partner-item-list-implication{
	list-style-type: disc;
	font-size: 0.9em;
	padding-top: 10px;
	color: rgb(25, 80, 74);
  }

  .partner-logo-footer{
	height: 50px;
	width: 100%;
	position: relative;
  }

  .partner-logo-arrow{
	position:absolute;
	bottom:10px;
	right:15px;
	font-size: 1.4em;
	color:rgb(54, 121, 114);

  }
  .partner-splitter{
	border-top-color: #e1e1e1;
	margin: 40px auto;
	width: calc(100% - 150px);
  }
 

  .partner-logo-container{
	background-color: #f5f4f5;
	margin: 12.5px 0px;
	width: calc(250px - 25px);
	height: 120px;
	box-sizing: border-box;

  }


.PcMapSelection_checkbox{
	display:none;
}

.data-collapse{
	visibility:hidden;
	transition: opacity 0.3s;
	position: absolute;
	opacity:0;
}

.data-collapse.visible {
    opacity: 1;
    visibility: visible;
    position: relative; /* Restores element to its normal position */
}

.PCDetailMap{
	display:flex; 
	justify-content:space-evenly; 
	padding:0px; 
	height:120px; 
	margin-bottom:0px;

}
.spanMapSelectionRadio{
	padding-top: 5px;
	color: #5e5e5e;
}
.map-icon-circle:hover{
	scale:1.1;
}
/* .soil-collapse{
	display:none;
}
.pop-collapse{
	display:none;
}
.infrastructure-collapse{
	display:none;
} */

#water_data:checked + .map-icon-circle { border: 2px solid rgb(54, 141, 134); scale:1.1}  
    

#soil_data:checked + .map-icon-circle { border: 2px solid rgb(54, 141, 134);scale:1.1 } 

#pop_data:checked + .map-icon-circle{ border: 2px solid rgb(54, 141, 134);scale:1.1}  

#infrastructure_data:checked + .map-icon-circle { border: 2px solid rgb(54, 141, 134);scale:1.1}  
#other_data:checked + .map-icon-circle {border: 2px solid rgb(54, 141, 134);scale:1.1}  
#agriculture_data:checked + .map-icon-circle  { border: 2px solid rgb(54, 141, 134); scale:1.1}  


.vos_parcelles{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: left;
	list-style-type: none;
}

.vos_parcelles_subtitle{
	font-weight: bold;
	text-align:left;
	padding-left:10px;
}

.list-parcelles{
	display:block;
	list-style-type: none;
	padding:0px;
}

.list-parcelles li:nth-child(odd){
	background-color: white
}

.list-parcelles li:nth-child(even){
	background-color: rgb(248, 248, 248)
}

.parcelle-body{
	padding-left:15px;
	padding-right:15px;

}

.PCDetailMap li {
	flex:1;
	text-align:center;
	display:flex;
	justify-content: center;
}

.parcel_element{
	font-size:16px;
	text-align: left;
	display: inline-flex;
	width: auto;
	
}

.parcel-trash{
	color: #c61e1e;
	scale: 1.6;
	right: 40px;
	position: absolute;
	cursor:pointer;
}

.parcel-zoom{
	color: rgb( 54, 121, 114);
	position: absolute;
	scale: 1.4;
	right: 80px;
	cursor:pointer;
}


.parcel_li_element{
	text-align: left;
	font-weight: bold;
	color: #6c6c6c;
	border-bottom: 1px solid lightgray;
	padding-bottom:11px;
	padding-left: 20px;

}

.parcel_switch{
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 3.5em;
	height: 1.5em;
	background: #ddd;
	border-radius: 3em;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	top:8px;
}

.parcel_switch:checked{
	background: rgb( 54, 121, 114);
}

.parcel_switch:after{
	position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  left: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.parcel_switch:checked:after {
	left: calc(100% - 1.5em);
}

.flex-image-container{
	display:flex;
	justify-content: space-evenly;
	flex-direction: row;
}

.h3-parcelleNav-pc{
	padding-left:25px ;
	color:rgb(35, 88, 88); 
	font-weight: bold;
	font-size:20px;
}

.outils_complementaires:focus{
	background-color: #196856 !important;
}

.endOfProcess-dialog{
	width: 800px;
	justify-content: center;
	display: flex;
	top:100px;
  }

.endOfProcess-icon{
	color: green;
	font-size: 40px;
}
.endOfProcess-span{
	margin-right: 20px;
	vertical-align: middle;
	padding-top: 4px;
}


.endOfProcess-header{
	text-align: center;
}
.endOfProcess-title{
	text-align: center;
	font-weight: bold;
	color: rgb(43, 111, 103);
}


.endOfProcess-content{
	width:500px;
}

.btn_process_map_div_txt{
	position:relative; 
	
	font-size: 16px;
}

.basemap-grid{
	display:grid;
	grid-template-columns: repeat(3,1fr);
	gap:20px;
	justify-content: center;
	padding:0px 10px;
}

.map-grid{
	display:grid;
	grid-template-columns: repeat(3,1fr);
	justify-content: center;
}
#navbar-fixed-top{
	margin-bottom:0px;
	position:relative;
}

@media screen and (max-width: 1480px) and (min-width: 1001px)  {
	.main_btn_container{
		scale:0.8
	}

	.sidenav{
		transform: scale(0.9);
		transform-origin: top right;
	}
	.sidenav-tab{
		transform: scale(0.9);
	}
	#gcd-container{
		transform:scale(0.9);
		transform-origin: right;
	}
	.h3-parcelleNav-pc{
		font-size:20px;
		width: calc( 100% - 3vw );
	}

	.sidenav .closebtn{
		font-size: 25px;
		padding-left: 0;
		padding-top: 14px;
	}
	
}

@media screen and (max-width: 1200px) and (min-width: 601px)  {
	.overscroll-wrapper{
        display:none;
    }
    .navbar-icon-container {
        display: none;
        position: relative;
        width: 100%;
        height: 100%;

    }
    .smartphoneMenu{
        display: none;
    }
    .menu-list{
        display:none;
    }
    .smartphone_map_modal {
        display:none;
    }
    .smartphone_param_modal {
        display:none;
    }
    .smartphone_right_btn {
        display:none;
    }
    .cropname_div3{
        width:70.6%;
    }

    .id_btn{
      display:none;
    }
    ul#SmartphoneBaseMap input[type="radio"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
    }

  ul#SmartphoneDetailMap input[type="checkbox"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
    }


  .map-option {
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      padding: 3px;
      border-radius: 10px;
      transition: background 0.3s;
      list-style-type: none;
      flex-direction: column;
      font-size: 12px;
      font-weight:300;
      text-align: center;
      
      margin-bottom:0px;
  }

  .map-option:focus{
      background: #d45858;
  }
  .dropdown-menu {
	font-size:11px;
  }

  .smartphone_helpModal-dialog{
	width : auto !important;
	max-width:650px;
  }

  .map-option img {
      width: 60px; /* Adjust as needed */
      height: 60px;
      border-radius: 10px; /* Rounded corners */
      object-fit: cover;
  }

  .map-option-image-wrapper {
      padding: 2px; 
      background: white; 
      border-radius: 12px; 
      border: 2px solid white;
      box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
      transition: scale 0.3s;
	  scale:0.8
  }
  .spanMapSelectionRadio{
	font-size:11px;
  }

  .basemap-grid{
	gap:0px;
  }
  .map-option-icon{
	scale:0.8;
  }
  .map-option-icon:hover{
	scale:0.9
  }

  .map-option-image-wrapper img {
      /* width: 100%;
      height: 100%; */
      border-radius: 10px;
      object-fit: cover;
      display: block;
  }
  .map-option-image-wrapper:hover {
    scale:0.9;
  }

  ul#PCBaseMap input[type="radio"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
  }

  .PCDetailMap input[type="checkbox"]:checked + label .map-option-image-wrapper {
      border: 2px solid #007bff;
  }

  .static_circle{
    border-radius: 50%;
    display: flex;
    font-size: 24px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
    width: 60px;
    height: 60px;
    background-color: white;
    justify-content: center;
    align-items: center;
    transition: scale 0.3s;
    flex-shrink:0;
	scale:0.8;
  }
  .static_circle:hover{
    scale:0.9
  }

  .drag-handle{
    display:none;
  }
  .parcel-zoom{
	right:40px;
}
.parcel-trash{
	right:10px;
}
.parcel_li_element{
	padding-left:0px;
}


  



}	

@media screen and (max-width: 1000px) and (min-width: 601px)  {

	.partner-item-list-implication{
		font-size:0.7em;
		padding-left:2.5em;
	}

	.partner-sidelist{
		gap:20px;
	}

	.partner-item{
		width:160px;
		font-size:12px;
	}

	.partner-logo-container{
		width:calc(160px - 25px);
		height:60px;
		
	}
	.partner-logo-content{
		height:180px;
	}

	.partner-header-title{
		font-size:25px;
	}
	.smartphone_aboutModal-close{
		right:25px;
		top:20px;
	}

	.main_btn_container{
		scale:0.8;
		bottom:20px;
	}

	.sidenav{
		transform: scale(0.9);
		transform-origin: top right;
		max-width:35vw;
	}
	.sidenav-tab{
		transform: scale(0.9);
	}
	#gcd-container{
		transform:scale(0.9);
		transform-origin: right;
	}
	.h3-parcelleNav-pc{
		font-size:20px;
		width: calc( 100% - 3vw );
	}

	.sidenav .closebtn{
		font-size: 25px;
		padding-left: 0;
		padding-top: 14px;
	}

	@media screen and (max-width: 800px) and (min-width: 601px)  {

		.sidenav{
			max-width: 40vw;
			right:80px;
		}
	}
}





/* Media queries for responsiveness */
@media screen and (max-width: 600px) {
	.sidenav_icon{
		display:none
	}
	.ol-geocoder{
		display:none
	} 
	.gcd-txt-container{
		display:none
	}
	.partner{
		display:none
	}
	.ol-zoomslider{
		display:none
	}
	.sidenav_circle{
		display:none
	}

	.sidenav{
		max-width: unset;
	}


	.ol-control button{
		display:none
	}
	.dropdown-menu-smartphone{
		display:none !important;
		position: fixed;
        top: 50px; /* Leave this much space for the visible div */
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.9);
     
		z-index: 9999;
		padding: 20px;
		color: white;
		overflow-y: auto; /* Scrollable if menu content overflows */
	}



	/* .tarteaucitronIconBottomRight{
		bottom:unset;
		bottom:0px;
	} */

}