/* INITIALISATION DU DESIGN */

* {
	font-weight: 400;
	margin: 0;
	font-family: "Poppins", sans-serif;
	font-style: normal;
	font-size: 14px;
}

html,
body {
  height: 100%;
}

body {
	color: #2C3E50;
	background-color: #FAFAFA;
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

.textExplanation {
	line-height: 1.5rem;
	font-weight: 300;
	font-size: 18px;
	margin: 10px 0px 20px 0px;
}

.blackButton {
	background-color: #00394D;
    color: white;
    padding: 8px;
	padding-right: 16px;
    border-radius: 10px;
    margin: 10px 0px;
	min-height: 25px;
}

.fullFormContainer {
	min-width: 300px;
	width: 40vw;
	margin: 40px auto;
	background-color: white;
	border-radius: 10px;
	padding: 20px;
}

.grdpDescription {
	font-style: italic;
	font-size: 12px;
	text-align: center;
	margin: 30px auto;
}

.textAlignCenter {
	text-align: center !important;
}

.blackButton:hover {
	opacity: 0.8;
}

a:hover {
	opacity: 0.8;
}

button {
	cursor: pointer;
}

textarea {
	resize: none;
}

label {
	display: block;
	margin-bottom: 3px;
}

.logo {
	width: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	margin-top: 15px;
	margin-left: 15px;
  }

.displayFlex {
	display: flex;
	justify-content: center;
	vertical-align: middle;
	flex-wrap: wrap;
}

.h1Title {
	font-size: 45px;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	width: 100%;
	margin-bottom: 20px;
}

.errorMessage {
	color: #FF0000;
	text-align: center;
}
.link{
  color: #00394D;
  text-decoration: underline;
}

.h2title {
	font-size: 35px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;

}

.h3title {
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
}

.h3Title.propertyPageStyle {
	margin: 20px 0px;
}

.green {
	color: green;
}

.red {
	color: #d44f5f;
}

.black {
	color: #222;
}

.autoCenterContainer {
	text-align: center;
}

.whiteBackground {
	background-color: white !important;
}

.writtenLogo {
	font-family: "Protest Strike", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 40px;
}

.successButton {
	width: 300px;
    margin: auto;
	padding-top: 50px;
}

.swal2-confirm, .swal-button--confirm {
    background-color: white !important;
    border: 2px solid #00394D !important;
    color: #00394D !important;
}

.swal2-cancel, .swal-button--cancel {
	background-color: white !important;
    color: #00394D !important;
}

.hidden {
	display: none !important;
}

/* DASHBOARD */
.dashboardContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	gap: 40px;
	margin-top: 100px;
}

.dashboardElementContainer {
	width: 260px;
	height: 150px;
	padding: 12px;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	background-color: white;
}

.dashboardElementTitle {
	line-height: 1.5rem;
    font-size: 16px;
    font-weight: 400;
}

.dashboardElementNumber {
	height: 90px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 40px;
    font-weight: 500;
}

/* HEADER */

header {
	display: block;
	position: fixed;
	top: 0px;
	z-index: 10;
	width: 100%;
}

#headerContainer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 10px;
	height: 40px;
	background-color: #FAFAFA;
}

.logoHeader {
	max-width: 150px;
	max-height: 100px;
	font-size: 25px;
}

nav a {
	font-weight: 400;
	text-decoration: none;
	margin-right: 40px;
	font-size: 18px;
}

nav a:hover {
	text-decoration: underline;
}

.menuIcon {
	color: white;
	font-size: 25px;
	cursor: pointer;
	display: none;
}

.navTelNumber {
	border: solid 1px #00394D;
	padding: 10px 20px;
}

.viewContainer {
	margin: 60px;
}

.homePageContainer {
	min-height: 90vh;
	background-color: #00394D;
}

.actionButtonContainer {
	position: absolute;
	top: 320px;
	text-align: center;
}

.hideDiv {
	display: none !important;
}

.scrapperBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	width: 90%;
	margin:auto;
	align-items: center;
	gap: 15px;
}

.downloadBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
	margin:auto;
	align-items: center;
}

#downloadButton, #importExcel, #gptImport {
	border: none;
    font-weight: 500px;
    color: white;
    width: 170px;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
	background-color: #00394D;
}

button:hover {
	opacity: 0.9;
}

.scrapperLabel {
	margin-right: 15px;
}

.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    display: none;
}

.no-search-message {
	margin-top: 20px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 50px;
}

.addExcelContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.generalContainer {
	width: 100vw;
	display: inline-block;
}

.menuContainer {
	width: 230px;
	height: -webkit-fill-available;
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: #F4D35E;
	z-index: 70;
	border-right: 1px solid #ccc;
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
	border-bottom-right-radius: 20px;
}

.navItem {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	margin-bottom: 10px;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	transition: all 0.3s ease;
	border-radius: 5px;
}


.navItem .navbarButton {
	margin-left: 10px;
}

.navItemText {
	font-size: 16px;
}

/* Burger menu button styles */
.burgerMenuButton {
    background-color: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    position: absolute;
    top: 16px;
    right: 16px;
}

.burgerMenuButton i {
    font-size: 30px;
}

/* Styling for the burger menu content */
.burgerMenuContent {
    position: absolute;
    top: 60px;
    right: 16px;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 12px;
    z-index: 999;
    width: 200px;
}

.burgerMenuContent .navItem {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.burgerMenuContent .navItem:hover {
    background-color: #f0f0f0;
    transform: none;
}


.flexMenuContainer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 90vh;
}

.contentContainer {
	margin-left: 230px;
}

.expanded.contentContainer {
	margin-left: 30px;
}

.menuContainer.collapsed .contentContainer {
	margin-left: 0px !important;
}

.marginBottom {
	margin-bottom: 20px;
}

.leftMenu {
	color: white;
	margin: 20px 0px;
}

.topMenu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	align-items: center;
}

.fa-user, .fa-power-off, .fa-people-group {
	padding: 10px;
}

.copyPasteContainer {
	margin-top: 40px;
    padding: 30px;
    background-color: white;
    border-radius: 5px;
	position: relative;
}

.copiedMessage {
	display: none;
	width: 40px;
	background-color: #4CAF50; /* Couleur verte pour le message */
	color: white;
	padding: 5px;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
}

.messageToCopy {
	font-style: italic;
}

.fa-copy-container {
	width: 100%;
	text-align: right;
}

.fa-copy {
	font-size: 15px;
	cursor: pointer;
}

.fa-copy:hover {
	opacity: 0.9;
}

.copiedMessageContainer {
	text-align: right;
	width: 100%;
	display: flex;
    justify-content: right;
    margin-top: -20px;
}

#contactByEmail {
	margin: 20px 0px;
	display: flex;
	gap: 15px;
	justify-content: center;;
}

.marginTop50px {
	margin-top: 50px;
}

/* HTML: <div class="loader"></div> */
.spinner {
	width: 50px;
	aspect-ratio: 1;
	display: grid;
	border-radius: 50%;
	background: conic-gradient(#25b09b 25%,#f03355 0 50%,#514b82 0 75%,#ffa516 0);
	animation: l22 2s infinite linear;
  }
.spinner::before,
.spinner::after {
	content: "";
	grid-area: 1/1;
	margin: 15%;
	border-radius: 50%;
	background: inherit;
	animation: inherit;
}
.spinner::after {
	margin: 25%;
	animation-duration: 3s;
}

@keyframes l22 {
	100% {transform: rotate(1turn)}
}

.blur-effect {
    filter: blur(5px);
}

.clickableText {
    color: #00394D !important;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.clickableText:hover, .download-excel:focus {
    color: #0056b3 !important;
    text-decoration: none;
}

.excelImport {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.excelFile {
	margin-right: 20px;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  list-style-type: none;
}
.submenu li {
  padding: 5px 10px;
  background-color: white;
  border: 1px solid #ddd;
  margin: 0px !important;
}
.submenu li:hover { background-color: #f5f5f5; }

.liNav {
	text-align: center;
    height: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
}

/* SIGNUP */

.signupViewContainer {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.signupFormContainer {
	background-color: white;
	box-sizing: border-box;
	width: 60vw;
	height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 10px;
}

.text-center{
  text-align: center;
}

.signupLogo {
	position: absolute;
	top: 20px;
	left: 20px;
}

/* ORDERPAGE */

.orderFormContainer {
	display: inline-block;
	margin: auto;
	background-color: white;
	box-sizing: border-box;
	width: 100%;
  margin-top: 20px;
}

.noSearches{
  padding: 20px;
}

th {
	padding: 8px
}

.thStyle.sticky-header, .thDate.sticky-header, .thNote.sticky-header, .thContact.sticky-header {
    position: sticky;
    top: 0;
    background-color: #fff !important;
	font-weight: 400;
}

.labelInputContainer {
	text-align: center;
	padding: 10px 0px;
	width: 100%;
}

.updateBuyerLabel {
	width: 190px;
	display: block;
	padding: 10px;
}

.searchDescriptionContainer, .propertyDescriptionContainer {
	line-height: 1.5rem;
    font-size: 16px;
	font-weight: 400;
	margin: 20px 0px;
}

.hiddenContainer {
	display: none;
}

.searchProfileContainer, .propertyProfileContainer {
	background-color: white;
	border-radius: 10px;
	padding: 10px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin: 10px 0px;
	min-width: 250px;
}

.propertyProfileContainer {
	position: sticky;
	top: 10;
}

.searchElement, .propertyElement {
	font-size: 16px;
	margin: 5px;
}

.labelInputContainer.mainLabelInput {
	width: 40% !important;
}

.formContainerTitle {
	padding: 40px 0px;
}

.automationFlexContainer {
	display: flex;
	justify-content: left;
	gap: 15px;
	align-items: center;
	margin-top: 40px
}

.automationDescription {
	font-size: 16px;
}

.interrogationText {
	padding: 0px 6px;
	margin: 0px 10px;
	border-radius: 50px;
	color: white;
	background-color: #2C3E50;
	cursor: pointer;
}

.orderFormLabel {
	width: 300px;
	margin: auto;
	text-align: left;
	margin-bottom: 5px;
	font-size: 0.9em;
	font-weight: bold;
}

.descriptionLabel {
	font-size: 0.9em;
	font-weight: bold;
}

#uploadPropertySheetForm {
	width: 440px;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}

.orderFormInput, #quickSearchInput {
	min-width: 300px;
	padding: 12px;
	border-radius: 10px;
    border: solid rgba(44, 62, 80, 0.6) 1px;
	box-sizing: border-box;
}


.scrapperInput {
	width: 90%;
	padding: 12px;
	border-radius: 10px;
	border: solid rgba(44, 62, 80, 0.6) 1px;
	margin: auto;
	margin: 20px 0px;
}

#scrapperButton {
	margin: auto;
}

#quickSearchInput {
	margin: auto;
}

.quickSearchContainer {
	text-align: left;
	margin: 20px;
}

#sortDate, #sortName {
	cursor: pointer;
}

.formTextarea {
	width: 300px;
    padding: 10px;
    border: solid rgba(44, 62, 80, 0.6) 0.5px;
    box-sizing: border-box;
    min-height: 120px;
}

.updateTextarea {
	width: 440px;
    padding: 10px;
    border: solid rgba(44, 62, 80, 0.6) 0.5px;
    box-sizing: border-box;
    min-height: 250px;
	border-radius: 5px;
	font-size: 1.1em;
}

.updateTextarea.fitContent {
	min-height: 100px;
}

.menuTextarea {
	width: 200px;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: solid rgba(44, 62, 80, 0.6) 0.5px;
    box-sizing: border-box;
    min-height: 120px;
	background-color: white;
	margin: auto;
}

.buyerInfos {
	padding: 10px;
}

.emailTextarea {
	width: 800px;;
    padding: 10px;
    border: solid rgba(44, 62, 80, 0.6) 0.5px;
    box-sizing: border-box;
    min-height: 500px;
	border-radius: 5px;
	font-size: 1.1em;
}

.sheetTextarea {
	width: 440px;
    padding: 10px;
    box-sizing: border-box;
    min-height: 250px;
	border-radius: 5px;
	background-color: white;
}

.width330px {
	width: 330px !important;
}

.titleInputContainer {
	margin: auto;
	text-align: center;
}

.updateLabelInputContainer {
	width: 880px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

.titleInput {
	border-radius: 40px;
    margin: 20px auto;
    border: solid 1px #ccc;
    padding: 20px;
	width: 60vw;
	font-size: 20px;
	text-align: center;
}

.textareaWidth320px {
	width: 420px !important;
	margin: auto;
}

.orderFormTextarea {
	width: 300px;
	border-radius: 10px;
	height: 70px;
	border: solid 1px #2C3E50;
	padding: 10px;
}

.orderButton {
	width: 300px;
	padding: 13px;
	border: solid 1px #00394D;
	border-radius: 10px;
	background-color: #00394D;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}

.orderButton:hover {
	opacity: 0.9;
	border: solid 1px #00394D;
}

.signupOrderButton {
	margin-top: 15px;
}

.orderButton.propertyPageStyle {
	width: 20vw !important;
}

.smallButtonContainer {
	width: 100%;
}

.smallButton {
	display: block;
    width: 200px;
    padding: 8px;
    border-bottom: solid 1px #00394D;
    border-radius: 0 0 10px 10px;
    background-color: #00394D;
    color: white;
    margin: auto;
    text-align: center;
	box-sizing: border-box;
}

.smallButton:hover {
	opacity: 0.9;
	border: solid 1px #00394D;
}

.homeSecondSection {
	background-color: white;
	padding: 100px;
}

.tdContact {
	text-decoration: underline;
}

.tdContact:hover {
	font-weight: 400;
}

.thContact {
	width: 40px;
}

.thDate {
	width: 60px;
}

.thNote {
	max-width: 400px;
}

.buyerViewContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
}

.buyerViewLeftContainer {
	width: 20vw;
	min-width: 250px;
}

.buyerViewRightContainer {
	width: calc(100% - 25vw);
	min-width: 250px;
}

.tdMatching {
	min-width: 70px;
}

/* MY ACCOUNT */

.deleteButton, .forgotButton {
	margin-top: 30px;
}

.deleteButton:hover, .forgotButton:hover {
	border-bottom: solid 1px white;
	cursor: pointer;
}

.profileImageContainer {
	margin-top: 40px;
}

.sheetProfileImageContainer {
	text-align: center;
}

.shareMenuElement {
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
}

.profileAvatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #00394D;
}

.profileImageLabel {
    padding: 5px 10px;
    cursor: pointer;
    transition: color 0.3s;
	width: 150px;
}

.profileImageLabel:hover {
    color: #00394D;
	text-decoration: underline;
}

/* Cache l'input file mais le rend cliquable via le label */
#profileImage {
    display: none;
}

/* FORGOTTENPASSWORD */

.forgottenPasswordContainer, .deleteAccountContainer {
	text-align: center;
}

/* FOOTER */

#footer {
	height: 200px;
}

.loveContainer {
	width:100%;
}

.lovePhrase {
	color: #00394D;
	margin: auto;
	padding: 10px;
	width: 150px;
	text-align: center;
}

.inputWrapper {
	position: relative;
	display: inline-block;
	text-align: center;
  }


  .vicopoContainer {
	width: calc(100% - 2px); /* Ajuste la largeur en fonction du padding et de la bordure de l'input */
	max-height: 200px;
	overflow-y: auto;
	position: absolute;
	z-index: 10;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	border-radius: 0 0 5px 5px;
	background-color: #fff;
	top: 100%; /* Positionnez le conteneur juste en dessous de l'input */
	left: 0; /* Alignez à gauche avec l'input */
	margin-top: 2px; /* Espacement entre l'input et la liste */
	display: none;
  }


  .vicopoContainer li {
	padding: 10px; /* Espacement intérieur pour chaque élément de la liste */
	list-style: none; /* Supprime les puces de liste */
	border-bottom: 1px solid #eee; /* Une ligne subtile entre les éléments */
	cursor: pointer; /* Indique que les éléments sont cliquables */
  }

  .vicopoContainer li:hover {
	background-color: #f8f8f8; /* Couleur de fond au survol pour indiquer l'interactivité */
  }

  .vicopoContainer li:last-child {
	border-bottom: none; /* Supprime la bordure du dernier élément */
  }

  .vicopoContainer strong {
	margin-right: 5px; /* Espacement entre le code postal et la ville */
  }

  .vicopoContainer span {
	color: #555; /* Couleur de police plus douce */
  }


/* HOME */
.homeNavigator {
	width: 300px;
	height: 100px;
	margin-top: 20px;
	border: solid 0.2px #2C3E50;
	font-size: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin: 20px auto auto auto;
}

.homeNavigator:hover {
	background-color: #00394D;
	color: white;
	font-weight: bold;
	border: none;
}

.link {
	text-decoration: none !important;
}

.homeNavContainer {
	text-align: center;
}

.ql-editor > p {
	font-size: 18px;
}

.gazetteArea {
	width: 90%;
	min-height: 400px;
}

.picturesUploader {
	text-align: center;
}

.imgSmallContainer {
	width: 90%;
	margin: auto;
	display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.smallImg {
	min-height: 100px;
	width: 100px;
	height: min-content;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	display: flex;
	flex-direction: column;
	padding-top: 0px;
	object-fit: fill;
}

.orderButton.exitButton {
	border: solid 1px #2C3E50 !important;
	background-color: #2C3E50 !important;
}

.addArticleButton {
	font-size: 18px;
	border-radius: 10px;
	background-color: #00394D;
	color: white;
	padding: 15px;
}

/* myEstimation */
/* Agrandir la première colonne */
tbody.estimationTbody tr {
	height: 90px;
}

.framePicture.estimationFramePicture {
    width: 120px;
    height: 90px;
    background-size: cover;
    background-position: center;
}

.framePicture.ficheCoPicture {
	width: 700px !important;
	height: 470px !important;
}

.framePicture.propertyPageStyle {
	width: 100% !important;
	height: 170px !important;
	min-width: 250px;
}

.tdPicture {
	width: 120px;
}

.tdSquareButton {
	width: 160px;
}

#sendPropertySheetButton {
	width: 300px;
	margin: auto;
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* myArticles */
.helpContainer {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 600px;
	margin: 20px auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #f5f5f5;
	border-radius: 5px;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.colorContainer {
    padding: 20px;
    border-radius: 10px;
	line-height: 1.6;
	text-align: justify;
}

.colorContainer .helpText {
	font-size: 18px;
}

.contactFlexContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	align-items: center;
    margin: 20px auto;
    width: 450px;
	border: solid 1px #00394D;
	padding: 10px;
	border-radius: 30px;
}

.contactButtonsContainer, .notifsContactButtonsContainer {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.contactButtonsContainer {
	width: 450px;
}

.contactElement {
	font-size: 18px;
	margin: 5px;
}

.noMargin {
	margin: 0px !important;
}

#addMandate:hover, #addEstimation:hover {
    background-color: #e6e6e6;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	cursor: pointer;
}

.helpText {
	margin: 10px 0px;
	text-align: center;
}

.scrapperHelpText {
	width: 90%;
	font-size: 18px;
	text-align: left;
	margin: auto;
	padding-bottom: 15px;
}

.fontweight500 {
	font-weight: 500;
}

.flexTitleContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	gap: 20px;
}

.flexTitleContainer.spaceBetween {
	justify-content: space-between;
}

.buttonFlexContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	width: 90%;
	margin: auto;
	position: relative;
    top: 20px;
}

.addBlueButton {
	background-color: #00394D;
    text-align: center;
    padding: 10px 15px;
    border-radius: 20px;
    color: white;
	box-sizing: border-box;
    height: 38px;
}

.hidden-cell {
  visibility: hidden;
}

table {
    border-collapse: collapse;
    margin: auto;
	width: 100%;
	background-color: white;
}

.sticky-header {
	position: sticky;
	top: 0;
	background-color: #fff;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}


td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 10px;
	font-size: 15px;
	text-align: center;
	max-height: 70px;
    overflow-y: auto;
}

.tdInternalNote {
	max-width: 350px;
}

.tdScroll {
	max-height: 70px;
	overflow-y: auto;
	overflow-x: hidden;
	white-space: normal; /* Permet le retour à la ligne */
	max-width: 200px;
  }

.adressCell, .scrollableCell, .noteCell {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	white-space: normal;
}

/* Limiter la hauteur des lignes du tableau */
.tableContainer tbody tr {
	height: 80px;
	max-height: 80px; /* Ajout de max-height */
}

/* Assurer que chaque cellule gère son contenu */
.tableContainer tbody td {
	max-height: 80px;
	overflow-y: auto;
	overflow-x: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	padding: 10px;
}

.tableContainer .noteCell {
	width: 40% !important;
}

.tableContainer .tdContact {
	width: 10% !important;
}

.tableContainer .tdInternalNote {
	width: 25% !important;
}

.tableContainer .adressCell {
	width: 5% !important;
}

.tableContainer .completeSearch {
	width: 15% !important;
}

tbody tr {
	height: 70px;
}

.tdContact {
	cursor: pointer;
}

thead tr {
	position: static;
}

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

table {
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.thStyle {
	background-color: var(--colors-background);
	border-bottom-color: var(--colors-border);
	border-bottom-width: 1px;
	border-right-color: var(--colors-border);
	border-right-width: 1px;
	height: 32px;
	width: 200px;
	left: 0px;
	top: 0px;
}

.trCRM td {
	height: 70px !important;
}

.crmContainer {
	margin-top: 20px;
}

.searchDetailsTable {
	margin-top: 50px;
	margin-bottom: 20px;
}

.searchDetailsContainer {
	width: 500px;
	margin: auto;
}

.agentContactTable {
	width: 300px;
}

.clickableElement {
	color: #00394D;
	text-decoration: underline;
	font-weight: 400;
}

.filterContainer {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
	text-align: left;
}

.inputFilter {
	border-radius: 20px;
	margin-right: 20px;
	margin-top: 5px;
	border: solid 1px #ccc;
    padding: 10px 15px;
}

input:read-only {
	cursor: default;
	border: none;
	width: min-content;
}

.width170px {
	width: 170px !important;
}

.width190px {
	width: 190px !important;
}

.marginTop20px {
	margin-top: 20px;
}

.blueBackground{
	background-color: #00394D;
}

.greyBackground {
	background-color:#D3D3D3;
}

.filterButton {
	border: none;
	font-weight: 500px;
	color: white;
	width: 120px;
	padding: 10px;
	border-radius: 20px;
	text-align: center;
	margin-top: 20px;
}

.filter {
	margin-top: 20px;
	margin-right: 15px;
}

.filtersContainer, .scrapperContainer {
	display: none;
	margin: 30px auto;
	width: 90%;
	box-sizing: border-box;
    background-color: #f5f5f5;
    border-radius: 5px;
	padding: 20px;
}

.searchFormLink {
	display: flex;
	width: 100%;
	justify-content: center;
}

.buyerUpdateContainer {
	width: 500px;
	height: -webkit-fill-available;
	left: 250px;
	top: 0px;
	background-color: white;
	border-radius: 5px;
}

#backToStep1 {
	margin-top: 20px;
}

.input-error {
    border-color: red;
}

.width100p100 {
	width: 100%;
}

.width180px {
	width: 180px !important;
}

.profileButtonsContainer {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

#updateBuyerInfos, #updateBuyerSearch {
	margin-left: 10px;
}


#updateBuyerButton {
	margin: 40px auto 0;
}

.deleteSearchButton {
	cursor: pointer;
	margin: 20px auto;
	color: #e57373;
}

.deletePropertyButton {
	margin-top: 10px;
	cursor: pointer;
	color: #e57373;
	border: none;
    background-color: white;
    margin-top: 30px;
}

.deletePropertyButton:hover {
	text-decoration: underline;
	opacity: 0.9;
}

.deleteSearchButton:hover {
	opacity: 0.9;
	text-decoration: underline;
}

.updateButtonContainer {
	text-align: center;
	margin-top: 10px;
	display: flex;
    flex-direction: column;
    align-items: center;
	width: 100%;
}

.propertyHeader {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 20px;
	gap: 15px;
}

.propertyLink {
	text-decoration: underline;
	color: #00394D;
}

.propertyLink:hover {
	opacity: 0.7;
}

.noSearches {
	width: 200px;
	text-align: center;
	margin: auto;
}

.downloadContainer {
	display: block !important;
}

.notif {
	width: 100%;
	text-align: center;
}

.toggleFiltersContainer {
	margin: 20px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 15px;
}

.leftGroup, .rightGroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	align-items: center;
}

.searchesCount {
	font-weight: 400;
}

.toggleFilters, .scrapperToggleFilters, #deleteFilters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border: solid 1px #ccc;
    background: none;
    padding: 10px 15px;
    border-radius: 20px;
}

.scrapperContainer {
	margin-top: 40px;
}

.adressStyle {
    background-color: #f5f5f5;
    padding: 5px 7px;
    border-radius: 20px;
    display: inline-block;
    margin: 2px;
    position: relative;
    padding-right: 20px;
}

.removePostalCode {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #ffbdb0;
    color: white;
    border: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s;
}

.removePostalCode:hover {
    background-color: #a00; /* Changer de couleur au survol */
}

.input-like {
    display: inline-block;
    border-radius: 20px;
    padding: 10px;
    background-color: #fff;
}

#updatePostalCode, #deletePostalCode {
    background: none;
    border: none;
    color: #007BFF;
    cursor: pointer;
    padding: 5px 10px;
    text-decoration: underline;
    font-size: 16px;
}

#updatePostalCode:hover, #updatePostalCode:focus {
    color: #0056b3;
    text-decoration: none;
}

.navbarFlexContainer {
	display: flex;
	flex-wrap: nowrap;
}

.navbarButtonContainer {
	background-color: white;
	padding: 13px;
}


.spaceBetweenTitleContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.notificationsNumber {
	padding: 4px 10px;
    background-color: #00394D;
    color: white;
    border-radius: 30px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    opacity: 0.8;
    display: flex;
    justify-content: center;
    flex-direction: column;
	margin: auto;
}


.matchingNumber {
	text-align: center;
}

.margin-between {
	height: 50px;
}

.bold {font-weight: bold;}

.fa-bell {
	font-size: 20px;
	color: #00394D;
}

.fa-pen-to-square {
	font-size: 25px;
	margin: 5px;
}

#frameDescription {
	display: none;
}

.frameSearches {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    width: 600px;
    background-color: #fff;
	height: 180px;
    justify-content: center;
	display: flex;
    align-items: center;
	position: relative;
    transition: filter 0.3s;
	overflow: hidden;
	padding: 10px;
}

.frameSearches.flexImportant.frameSearchesFixed {
	width: 100%;
}

.frameSearchesFixed {
	position: sticky;
	top: 60;
	background-color: white;
	width: 100%;
}

.stickyFlexContainer {
	position: sticky;
	top: 60;
	z-index: 10;
	background-color: white;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.matchingButtons {
	display: flex;
    gap: 20px;
    justify-content: right;
}

.frameRightInfos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.squareButton {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    background-color: #f5f5f5;
}

.blueSquareButton {
	color: #00394D;
	border: solid 1px #00394D;
	background-color: white;
	width: 120px;
	margin: auto;
}

.blueSquareButton:hover {
	opacity:0.9;
}

.marginRight10px {
	margin-right: 10px;
}

.myPropertiesButtons {
	border-left: solid 3px #f5f5f5;
    padding: 5px;
}

.propertiesContainer {
	margin-top: 20px;
}


.frameSave {
	display: none;
	width: 600px;
	text-align: right;
}

#frameButton {
	border: none;
    padding: 10px 15px;
    border-radius: 20px;
    color: white;
	background-color: #00394D;
}

#frameButton:hover {
	opacity: 0.9;
}

.frameLeft {
    width: 220px;
    background-color: #f8f8f8;
}

.flexImportant {
	display: flex !important;
}

.framePicture {
    width: 220px;
    height: 180px;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	border-radius: 5px;
}

.propertyPictureContainer {
	width: 440px;
}

.propertyPictureContainer > .framePicture {
	width: 440px;
	height: 250px;
}

.frameRight {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	flex-direction: column;
}

#frameTitle {
    font-size: 1.2em;
    font-weight: 400;
    color: #00394D;
    margin-bottom: 10px;
	width: 100%;
}

#readonlyDiv {
	min-width: 170px;
	min-height: 36px;
	box-sizing: border-box;
}

#framePostalCode, #frameBudget, #frameSurface, #frameRoomNumber, #frameType {
    background-color: #f5f5f5;
	padding: 10px;
	border-radius: 20px;
	border: solid 1px #f2f2f2;
	margin: 5px;
	width: fit-content;
    height: fit-content;
	font-size: 12px;
}


/* Page newSearch */
.selectedOption {
    background-color: #f5f5f5;
    max-width: fit-content;
    margin: 5px auto;
    padding: 5px;
    border-radius: 17px;
	font-weight: 400;
}

.selectedOption button {
    margin-left: 5px;
	  border-radius:  10px;
    border:  none;
    background-color:  white;
    font-size:  15px;
    font-weight:  300;
}

.addExcelText {
	margin-top: 10px;
}


/* myProperties */
.align-item-center {
	margin-top: 10px;
}

.fa-solid.fa-plus {
	background-color: #00394D;
	color: white;
	padding: 7px;
	border-radius: 50%;
	font-size: 10px;
}

.fa-space-right {
	margin: 10px;
}

.smallBlueButton {
	background-color: #00394D;
	color: white;
	padding: 10px;
	border-radius: 20%;
	border: none;
}

.smallGreyButton {
	margin-right: 15px;
}

.align-item-center {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.displayContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.mandateContainer, .estimationContainer {
	width: 90%;
}

.italic {
	font-style: italic;
}

.h2titleContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	gap: 20px;
}

.titleContainer {
	width: 100%;
}

.popupAddEstimationFormContainer {
	display: none;
}

#advancedSearch {
	text-align: center;
}

.displayFlex.marginForm {
	margin: 20px 0px;
}

/* Style pour le fond flouté */
.blur-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; /* Caché par défaut */
    z-index: 100; /* Assurez-vous que cela est suffisamment haut pour être au-dessus d'autres contenus */
}

/* Style pour la popup */
.popupAddFormContainer, .popupUrlFormContainer, .simplePopup, .popupUpdateBuyerSearch, .popupUpdateBuyerInfos, .popupPropertyContainer, .popupUpdatePropertyInfos, .popupSearchDetailsContainer, .popupAddSearchContainer, .popupSendQuestionnaireContainer, .popupSendPropertySheetContainer, .popupAddMemberContainer {
    position: fixed;
    top: 0;
    right: 0;
    width: 600px;
    height: 90vh;
    background: white;
    box-shadow: -4px 0 6px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    z-index: 1000;
    display: none;
    padding: 40px;
    border-radius: 0 0 0 10px;
	text-align: center;
}

.groupButtonsContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

#addMemberForm {
	text-align: center;
}

.memberEmail {
	font-size: 16px;
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-radius: 20px;
	margin: 5px;
}

.emailButton {
	padding: 10px;
    border: none;
    border-radius: 10px;
    margin-top: 10px;
    width: 220px;
	display: flex;
	min-height: 35px;
    justify-content: center;
	align-items: center;
	gap: 10px;
}

.width210px {
	width: 210px !important;
}

.fa-solid.fa-circle-xmark {
	font-size: 25px;
	cursor: pointer;
}

.closePopup {
	display: flex;
	justify-content: right;
}

.whatsappButton {
	background-color: #25d366;
    color: white;
    padding: 8px;
	padding-right: 16px;
    border-radius: 10px;
    margin: 10px 0px;
	border: none;
	display: flex;
    gap: 10px;
	min-height: 35px;
    justify-content: center;
	align-items: center;
}

.miniWhatsappButton {
	background-color: #25d366;
    color: white;
    padding: 10px;
	border-radius: 50px;
}

.miniMailButton {
	background-color: #F4D35E;
    color: white;
    padding: 10px;
	border-radius: 50px;
}

.fa-brands.fa-whatsapp.miniWhatsappButton, .fa-solid.fa-envelope.miniMailButton {
	font-size: 30px !important;
}

.whatsappButton:hover, .miniWhatsappButton:hover {
	opacity: 0.8;
}

.whatsappButton.width220px {
	width: 220px;
	display: block;
}

.mailtoButton {
	margin-top: 20px;
	border: none;
	display: flex;
	justify-content: center;
	gap: 15px;
	align-items: center;
}

.fa-brands.fa-whatsapp {
	font-size: 18px;
}

.flexButtonsContainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 15px;
	align-items: center;
	margin-left: 10px;
}

.greyButton {
	background-color: #f5f5f5;
	color: #00394D;
}

/* MyGroups */
.group-container {
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 12px;
    padding: 16px;
    margin: 20px 0px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 20px;
	width: 300px;
}


/* Styles pour les titres de groupe */
.group-container h1 {
    color: #333;
    font-size: 24px;
}

/* Styles pour les dates de création */
.group-container p {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
}

/* Styles pour les sous-titres */
.group-container h2 {
    color: #00394D;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.italic {
	font-style: italic;
}

/* Styles pour la liste des membres */
.members-list {
    list-style-type: none;
    padding: 0;
}

.members-list li {
    padding: 8px 12px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    color: #000;
    font-size: 16px;
}

.members-list li:last-child {
    border-bottom: none;
}

.noGroups {
	text-align: center;
	margin-top: 15px;
}

.fa-circle-check, .fa-circle-xmark {
	font-size: 30px;
}

.toggleSwitch {
	position: relative;
	width: 60px;
	height: 30px;
	margin: auto;
}

.toggleSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggleSwitch label {
	position: absolute;
	cursor: pointer;
	top: 1px;
    left: 0px;
    right: 1px;
    bottom: -2px;
	background-color: #ccc;
	transition: .4s;
	border-radius: 30px;
}

.toggleSwitch label:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}

.toggleSwitch input:checked + label {
	background-color: #00394D;
	opacity: 0.8;
}

.toggleSwitch input:checked + label:before {
	transform: translateX(30px);
}

/* sheetProperty */
.sheetFlexContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 80vw;
	margin: auto;
	border-radius: 40px;
    border: solid 1px #ccc;
    padding: 10px;
    text-align: center;
}

.sheetLabel {
	font-size: 18px;
	font-weight: 400;
}

.sheetInput {
	font-size: 20px;
    font-weight: 500;
    padding: 10px 0px;
}

.clickable-row {
	cursor: pointer;
}

.fa-pencil {
	font-size: 18px;
}

/* Fiche commerciale */
.sheetMargin {
	margin-top: 40px;
}

.descriptionFicheCo {
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	font-size: 18px;
	line-height: 1.6;
	text-align: justify;
	margin: 40px 0px;
	max-width: 1200px;
}

.isConnectedButtoncontainer {
	margin-bottom: 10px;
	margin-left: 5px;
}

.centerContainer {
	text-align: center;
	padding: 10px;
}

.verticalFlex {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.potentialSearches {
	margin-top: 5px;
}

.specialAnnouncement {
	background-color: #f5f5f5;
	width: 100%;
	padding: 10px;
	margin-top: -10px;
	font-size: 16px;
}

.propertyFlexContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin: auto;
	width: 80vw;
}

.propertyInfoContainer {
	max-width: 500px;
}

.sheetH2Title {
	width: 100% !important;
	text-align: center;
	padding: 20px;
}

.addMemberEmailButton {
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: center;
}

/* Growth Machine */
#growthMachineForm {
	margin-top: 200px;
}


.menuIcon {
  display: inherit;
}
nav.header {
  display: none;
  height: fit-content;
  background-color: white;
  width: 250px;
  position: fixed;
  top: 80px;
  right: 0px;
  z-index: 1000;
  border: solid 1px rgb(170, 170, 170);
  padding: 10px;
}

header a {
  display: flex;
  flex-direction: column;
}
.menuIcon {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  margin-bottom: 19px;
}
.menuIcon.isExpanded .blackMenu:first-child {
  transform: rotate(45deg) translate3d(.125rem, .125rem, 0);
}
.menuIcon.isExpanded .blackMenu:nth-child(2) {
  transform: rotate(-45deg) translate3d(.125rem, -.125rem, 0);
}
div#headerBox {
  display: none;
}
.logoHeader {
  width: 100px;
}
.blackMenu {
  width: 2.25rem;
  height: 1.5rem;
  margin: 0px 0px -17px;
  transition: transform .25s cubic-bezier(0.25, 0.1, 0.22, 0.89);
}
nav a {
  margin-top: 10px;
  padding: 0px 0px 10px 0px;
  margin-left: 0px;
}

.navbarFlexContainer {
  display: flex;
  flex-wrap: wrap;
}






@media screen and (max-width: 1200px) {
	.scrapperHelpText {
		text-align: center;
	}

	.scrapperBox {
		justify-content: center;
		gap: 15px;
	}
}


@media screen and (max-width: 970px) {
    /* Masquer les éléments desktop */
    .desktop-only {
        display: none;
    }

    /* Afficher les éléments mobile */
    .mobile-only {
        display: block;
    }

    /* Ajuster la taille du menu latéral */
    .menuContainer {
        width: 60px;
    }

    /* Ajuster le contenu principal */
    .contentContainer {
        margin-left: 60px;
    }

    /* Réduire la taille du logo */
    .logo {
        width: 30px;
        margin-left: 6px;
    }


    .burgerMenuContainer {
        display: block;
        position: fixed;
        top: 10px;
        width: 50px;
        right: 10px;
        height: 50px;
    }

	.burgerMenuContent.hidden {
		display: none;
	}

	.contactFlexContainer {
		width: 300px;
	}

	.propertyPictureContainer > .framePicture, .propertyInfoContainer {
		width: 330px;
	}

	.sheetTextarea, .updateTextarea {
		width: 320px;
	}

	#uploadPropertySheetForm {
		width: 300px;
	}

	.framePicture.ficheCoPicture {
		width: 330px !important;
		height: 250px !important;
	}

}

@media screen and (max-width: 800px) {
	.labelInputContainer.mainLabelInput {
		width: 100% !important;
	}

	.leftGroup {
		margin-bottom: 10px;
	}

	.popupAddFormContainer, .popupUrlFormContainer, .popupAddMemberContainer, .simplePopup, .popupUpdateBuyerSearch, .popupUpdateBuyerInfos, .popupPropertyContainer, .popupUpdatePropertyInfos, .popupSearchDetailsContainer, .popupAddSearchContainer, .popupSendQuestionnaireContainer, .popupSendPropertySheetContainer {
		width: 360px;
	}
}

@media screen and (max-width: 600px) {
	.loveContainer {
		width: 100%;
	}

	.helpContainer {
		width: 400px !important;
	}

	.frameSearches {
		flex-wrap: wrap;
		height: fit-content;
		width: 300px;
		padding-top: 30px;
	}

	.frameSave {
		width: 300px;
		text-align: center;
	}

	.viewContainer {
		margin: 5px auto;
	}

}

@media screen and (max-width: 400px) {
	.loveContainer {
		width: 100%;
	}

	.helpContainer {
		width: 350px !important;
	}

	.updateBuyerLabel {
		width: 100%;
		margin: auto;
	}

	.buyerInfoContainer {
		width: 350px;
	}

	.updateTextarea {
		width: 330px;
	}

	.updateBuyerLabel {
		text-align: center;
	}
}


/* Nouveaux styles Grid */
.grid-table {
    display: grid;
    grid-template-columns:
        minmax(20px, 0.2fr)   /* Expand - réduit */
        minmax(80px, 0.7fr)   /* Date - réduit */
        minmax(120px, 1fr)    /* Contact - réduit */
        minmax(150px, 1.2fr)  /* Recherche - réduit */
        minmax(120px, 1.2fr)  /* Infos complémentaires - réduit */
        minmax(120px, 1.2fr)  /* Note interne - réduit */
        0px                   /* ID (hidden) */
        minmax(100px, 1fr)    /* Localisation - réduit */
        minmax(80px, 0.5fr)   /* Biens disponibles - réduit */
        minmax(60px, 0.4fr)   /* Actions - réduit */
        minmax(80px, 0.5fr);  /* Recherche Active - réduit */
    width: 100%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.expand-cell {
  width: 30px;
  text-align: center;
  cursor: pointer;
}

.expand-icon {
  transition: transform 0.3s ease;
}

.grid-row.expanded .expand-icon {
  transform: rotate(-180deg);
}

.grid-row.expanded .expandable-cell {
  white-space: normal;
  max-height: none;
}

.grid-header {
    display: contents;
}

.header-cell {
    background-color: white;
    padding: 15px 10px;
    font-weight: 400;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
    border-bottom: 1px solid #ccc;
    white-space: wrap;
}

.grid-body {
    display: contents;
}

.grid-row {
    display: contents;
}

.grid-row.expanded {
  height: fit-content;
}

.grid-row:hover > .grid-cell {
    background-color: #f5f5f5;
}

.grid-cell {
    padding: 10px;
    text-align: center;
    background-color: white;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    min-height: 70px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Styles spécifiques pour certaines cellules */
.grid-cell.complete-search {
    text-align: left;
    justify-content: flex-start;
    padding: 10px;
    white-space: normal;
}

.grid-cell.internal-note {
    position: relative;
    padding-bottom: 25px; /* Espace pour l'icône */
}

.grid-cell.address-cell {
  height: 100px;
  overflow-y: auto;
}

.grid-row.expanded .grid-cell.address-cell {
  height: unset;
  overflow-y: hidden;
}


.grid-row.expanded .scrollable-cell.ellipsis-note {
    display: block;
    max-height: none;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
}


.grid-cell .scrollable-cell.ellipsis-note {
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
    height: auto;
    max-height: 100px;
    text-overflow: ellipsis;
}

/* Responsive adjustments */
@media screen and (max-width: 1400px) {
    .grid-table {
        font-size: 14px;
    }

    .grid-cell {
        padding: 8px 5px;
    }

    .grid-cell.internal-note .scrollable-cell {
        max-width: 150px;
    }
}

@media screen and (max-width: 1200px) {
    .grid-table {
        font-size: 13px;
    }

    .grid-cell.internal-note .scrollable-cell.ellipsis-note {
        max-width: 120px;
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width: 992px) {
    .grid-table {
        grid-template-columns:
            minmax(30px, 0.3fr)   /* Expand */
            minmax(70px, 0.7fr)   /* Date */
            minmax(100px, 1fr)    /* Contact */
            minmax(120px, 1.2fr)  /* Recherche */
            minmax(100px, 1.2fr)  /* Infos */
            minmax(100px, 1.2fr)  /* Note */
            0px                   /* ID */
            minmax(80px, 1fr)     /* Localisation */
            minmax(60px, 0.5fr)   /* Biens */
            minmax(50px, 0.4fr)   /* Actions */
            minmax(60px, 0.5fr);  /* Active */
    }

    .header-cell {
        padding: 10px 5px;
    }
}

/* Ajout d'un style pour le texte qui déborde */
.grid-cell {
    white-space: wrap;
}

/* Séparateur pour le menu burger */
.separator {
    height: 1px;
    background-color: #eee;
    margin: 10px 0;
}

/* Par défaut, afficher les éléments desktop et masquer les éléments mobile */
.desktop-only {
    display: flex;
}

.mobile-only {
    display: none;
}

/* Media query pour les écrans de taille mobile */
@media screen and (max-width: 970px) {
    /* Masquer les éléments desktop */
    .desktop-only {
        display: none;
    }

    /* Afficher les éléments mobile */
    .mobile-only {
        display: block;
    }

    /* Ajuster la taille du menu latéral */
    .menuContainer {
        width: 60px;
    }

    /* Ajuster le contenu principal */
    .contentContainer {
        margin-left: 60px;
    }

    /* Réduire la taille du logo */
    .logo {
        width: 30px;
        margin-left: 6px;
    }
}


/* Styles responsives pour mobile */
@media screen and (max-width: 970px) {
    .shareMenuContainer {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 15px 0;
    }

    .shareMenuContainer .logo {
        width: 80px;
        margin-bottom: 10px;
    }

    .shareMenuContainer .flexMenuContainer {
        height: auto;
        width: 100%;
    }

    .shareMenuContainer .profileButtonsContainer {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin: 15px 0;
    }

    .shareMenuContainer .bottomMenuContainer {
        margin-top: 15px;
    }

    .shareMenuContainer .menuTextarea {
        padding: 0 20px;
        text-align: center;
    }

    /* Ajuster le contenu principal pour qu'il ne soit pas caché derrière le menu */
    .contentContainer {
        margin-left: 0;
        /* margin-top: 200px; Ajustez cette valeur selon la hauteur de votre menu */
    }
}

/* Pour les très petits écrans */
@media screen and (max-width: 600px) {
    .shareMenuContainer .profileButtonsContainer {
        flex-direction: column;
        align-items: center;
    }

    .shareMenuContainer .width220px {
        width: 180px;
    }

    .shareMenuContainer .emailButton {
        width: 180px;
    }
}