.shouldLarge {
	width: 150px !important;
}

.shouldShort {
	width: 80px !important;
}

.shouldBd {
	width: 112px !important;
}

.shouldRest {
	width: 100px !important;
}

.shouldAvg {
	width: 90px !important;
}

.wiI7pdAv {
	line-height: 1.5;
	overflow-wrap: break-word;
	color: #1f1f1f;
}

.video-js {
	object-fit: contain !important;
	border-radius: 12px;
	overflow: hidden;
	max-width: 640px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.video-wrapper {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	width: 75%;
	max-width: 640px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.video-duration-badge {
	position: absolute;
	top: 0;
	right: 8px;
	/* background: rgba(0, 0, 0, 0.75); */
	color: grey;
	font-size: 13px;
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: bold;
}

.video-js .vjs-tech {
	object-fit: cover !important;
}

.swal-overlay {
	z-index: 99999 !important;
}

.swal-btn-fermer {
	background-color: #dc3545 !important;
	/* Rouge */
	color: white !important;
	font-weight: bold;
}

.swal-btn-import {
	background-color: #28a745 !important;
	/* Vert */
	color: white !important;
	font-weight: bold;
}

.swal-btn-prendre {
	background-color: #007bff !important;
	/* Bleu */
	color: white !important;
	font-weight: bold;
}

.rating-box {
	display: inline-flex;
	align-items: center;
	/*background-color: #4CAF50;  vert similaire */
	color: white;
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 18px;
}

.rating-star {
	color: gold;
	margin-left: 4px;
}

.bgnote-red {
	background-color: red;
}

.bgnote-orange {
	background-color: orange;
}

.bgnote-green {
	background-color: #4caf50;
}

#listTribusTTable td {
	width: 100% !important;
	padding: 0 !important;
	border: none !important;
}

#listTribusTTable .tribu-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
}

#listTribusTTable {
	width: 100% !important;
	table-layout: fixed;
}

table.dataTable thead th.only-arrow {
	color: #6c757d !important;
	font-weight: normal;
}

#tribuGMemberTable_processing {
	z-index: 9999;
	position: absolute;
	top: 50%;
	left: 70%;
	transform: translate(-50%, -50%);
}

#tribuGMemberTable_length {
	margin-left: 10px;
}

#tribuGMemberTable_info {
	margin-left: 10px;
	font-size: 0.875em;
}

#tribuGMemberTable_filter {
	margin-right: 10px;
}

#tribuGMemberTable_paginate {
	margin-right: 10px;
	font-size: 0.875em;
}

#detailsBody .ck-editor__main img[alt="Profile Photo"],
#contentDetailAutre img[alt="Profile Photo"] {
	width: 50px;
	clip-path: circle(40%);
}

#emailListTable_length,
#emailListTable_info {
	margin-left: 10px;
}

/* Appliquer seulement aux colonnes Date et Date Relance */
th.sorting_desc[data-column="date"]:before,
th.sorting_desc[data-column="dateRelance"]:before {
	color: #7a7c7f !important;
	opacity: 1 !important;
}

th.sorting_desc[data-column="date"]:after,
th.sorting_desc[data-column="dateRelance"]:after {
	color: #eaebeb !important;
	opacity: 1 !important;
}

th.sorting_asc[data-column="date"]:after,
th.sorting_asc[data-column="dateRelance"]:after {
	color: #7a7c7f !important;
	opacity: 1 !important;
}

th.sorting_asc[data-column="date"]:before,
th.sorting_asc[data-column="dateRelance"]:before {
	color: #eaebeb !important;
	opacity: 1 !important;
}

#containerDataTableStory td {
	white-space: nowrap;
	/* Empêche le retour à la ligne */
}

#paginationMail li,
#updateP li,
#storyTId ul li {
	color: inherit;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.apropos-tribu-g {
	overflow-y: scroll;
	/* height: 100%; */
	height: 80vh;
}

:root {
	--success: #3fbd63c4;
	--success-md: #3fbd637c;
	--success-l: #3fbd632d;
	--info: #0069dec4;
	--info-md: #0069de7c;
	--info-l: #0069de2d;
	--warning: #ef9400c4;
	--warning-md: #ef94007c;
	--warning-l: #ef94002d;
	--danger: #ea4e2cc4;
	--danger-md: #ea4e2c7c;
	--danger-l: #ea4e2c2d;
}

body {
	/*	background-color: #f7f7f7 !important;*/
	overflow-x: hidden;
}

.ul-connected {
	padding-left: 0rem !important;
}

#Scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 10px;
}

#Scrollbar::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
}

#Scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4d9c41), to(#19911d), color-stop(0.6, #54de5d));
}

.padding_header {
	padding-left: 3.2rem;
}

/* **********navLeft************* */

.navleft {
	background-color: #fff;
	width: 28vw;
	border-radius: 5px;
	height: 100vh;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
	position: fixed;
	top: 5rem;
	right: 0;
	left: 0.5rem;
	z-index: 1030;
}

.content_alert_message {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .ep-nav .nav-item{
  width: 146px;
} */

.navbar-light-left {
	/* background-color: #fff !important; */
	width: 28vw;
}

.connexion-setting-logo img {
	/*margin-left: 2rem !important;*/
	transform: translateY(20px);
	width: 6rem !important;
}

.navbar-light-left .logo img {
	width: 8vw;
	/* margin-top: -600px; */
}

.navbar-light-left svg {
	fill: #1111fe;
}

.navbar-light-left svg:hover {
	fill: #28be21;
}

.navleft .list-depart {
	/* margin-top: 100px; */
	margin-top: 160px;
	font-size: 10pt;
}

.navleft .list-depart span {
	font-size: 10pt;
	/*font-weight: 700;*/
}

.navleft .list-depart-all {
	height: 82vh;
	overflow-y: scroll;
}

.link_nav_rubrique {
	font-size: 0.75em !important;
}

.navleft .list-depart-all ul li {
	list-style: none;
	background-color: #ffffff;
	width: 18vw;
	height: 10vh;
	margin-left: 0;
	margin-bottom: 20px;
	margin-top: 15px;
	border-radius: 30px;
	box-shadow: 0px 10px 15px rgba(49, 49, 49, 0.3);
	font-size: 11pt;
}

.navleft .list-depart-all ul li:hover {
	transform: scale(1.009);
}

.navleft .list-depart-all ul li h5 {
	font-size: 12pt;
}

.navleft .list-depart-all ul li .container-depart {
	margin: auto auto auto auto;
}

.navleft .list-depart-all ul li .container-depart svg {
	fill: #28be21;
	width: 5vw;
	height: 5vh;
}

.navleft .list-depart-all ul li .container-depart svg:active {
	fill: #000;
	transform: scale(0.8);
}

.navleft .list-depart-all ul li .container-depart svg:hover {
	fill: #000;
	transform: scale(1.2);
}

.mobile_box_shadow {
	box-shadow: -5px 10px 15px rgba(49, 49, 49, 0.3);
}

/* ***********specific_resto_navleft************** */
.navleft .list-depart-all-specific {
	height: 67vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.navleft .list-depart-all-specific ul .card-list {
	list-style: none;
	background-color: #ffffff;
	width: 24vw;
	height: auto;
	padding: 15px;
	/* margin-left: -40px; */
	margin-left: -10px;
	margin-bottom: 20px;
	border-radius: 40px;
	box-shadow: 0px 10px 15px rgba(49, 49, 49, 0.3);
	font-size: 11pt;
	overflow: hidden;
}

.navleft .list-depart-all-specific ul .card-list:hover {
	transform: scale(1.009);
}

/* .navleft .list-depart-all-specific-station ul .card-list {
  height: 40vh !important;
} */

.navleft .list-depart-all-specific ul li h5 {
	font-size: 12pt;
}

.navleft .list-depart-all-specific ul li .container-depart {
	margin: auto auto auto auto;
}

.navleft .list-depart-all-specific ul li .container-depart svg {
	fill: #28be21;
	width: 5vw;
	height: 5vh;
	margin-left: -15px;
	margin-top: 15px;
}

.navleft .list-depart-all-specific ul li .container-depart svg:hover {
	fill: #000;
	width: 5.5vw;
	height: 5.5vh;
	margin-left: -15px;
	margin-top: 15px;
}

/* *************detail_reto_navleft***************** */

.navleft-detail {
	width: 25vw;
	/* height: 100vh; */
	/* box-shadow: -5px -5px 15px #4d4d4d !important; */
	z-index: 99999 !important;
	transform: translate(72vw, 15vh);
	opacity: 1;
	/* transition: all 1.5s ease-out; */
	border-radius: 15px;
}

.list-depart-all-detail {
	width: 50vw;
	height: 75vh;
	/* overflow-y: scroll; */
	overflow-x: hidden;
	background-color: #fff;
	border-radius: 15px;
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.hidden {
	display: none;
}

#close-detail {
	position: absolute;
	left: 40vh;
	top: 10px;
	fill: #1111fe;
	cursor: pointer;
}

#close-detail:hover {
	fill: #000;
}

#close-detail-tous-resto {
	position: fixed;
	right: 0px;
	top: 3px;
	fill: #1111fe;
	z-index: 10;
	cursor: pointer;
}

#close-detail-tous-resto:hover {
	fill: #000;
}

#close-detail-resto {
	position: absolute;
	right: 23px;
	z-index: 1000;
	top: 10px;
	font-size: 1.1rem;
	cursor: pointer;
}

#close-detail-resto:hover {
	transform: scale(1.1);
}

#close-detail-ferme {
	position: absolute;
	right: 20px;
	top: 10px;
	fill: #1111fe;
	z-index: 10;
	cursor: pointer;
}

.dock-detail-rubrique {
	position: absolute;
	right: 50px;
	top: 10px;
	fill: #1111fe;
	z-index: 10;
	cursor: pointer;
}

.icon_golf_navbar {
	width: 21px;
	height: 21px;
	border: 2px solid green !important;
	border-radius: 5px;
}

.icon_golf_navbar:hover {
	width: 20px;
	height: 20px;
}

.close_details {
	position: absolute;
	right: 20px;
	top: 10px;
	fill: #1111fe;
	z-index: 10;
	cursor: pointer;
}

.close_details i {
	z-index: 1000000;
}

#close-detail-ferme:hover {
	fill: #000;
}

#close-detail-home,
#close-detail-station {
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 10;
	font-weight: bolder;
	font-size: 1.2rem;
	cursor: pointer;
}

#close-detail-home:hover,
#close-detail-station:hover {
	font-size: 1.5rem;
}

/* ************NavBar************ */

.navbar-light-bar {
	/* background-color: #fff !important; */
	width: 28vw;
	height: 10vh;
	/* box-shadow: -5px -5px 25px #4d4d4d !important; */
}

.navbar-light-bar .open-navleft {
	fill: #28be21;
}

.nav-menu {
	margin-left: 720px !important;
	width: 30vw;
}

.nav-menu-connexion {
	margin-left: 1320px !important;
	width: 0vw;
}

.navbar-light-bar .open-navleft:hover {
	fill: #1111fe;
}

.navbar-light-bar .navbar-nav {
	height: 40px;
	margin-top: -10px;
}

.list-nav-bar:is(:link, :active, :visited).active {
	background-color: #1111fe;
	/* width: 9rem; */
	height: 2rem;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
	color: #fff;
	fill: #fff !important;
	transform: scale(1.2);
}

.list-nav-bar:is(:link, :active, :visited).active svg {
	fill: #fff !important;
	border: 2px solid #fff !important;
}

.list-nav-bar {
	background-color: #f7f8f8;
	height: 2rem;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	color: #fff;
	fill: #fff !important;
	padding: 10px !important;
}

.icon-tous {
	color: #df01d7;
}

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

.icon-tous .list-nav-bar:hover {
	background-color: #df01d7;
	color: #fff;
}

.icon-tous a svg {
	width: 25px;
	height: 25px;
	border: 2px solid #df01d7 !important;
	border-radius: 15px;
	fill: #df01d7;
}

.icon-tous a:hover svg {
	width: 25px;
	height: 25px;
	border: 2px solid #fff !important;
	border-radius: 15px;
	fill: #fff;
}

.nav-item {
	padding-top: 0.2rem;
	padding-left: 0.3rem;
}

.ep-nav {
	gap: 0rem !important;
}

.icon-ferme {
	color: #fe1111;
}

.icon-ferme .list-nav-bar:hover {
	background-color: #fe1111;
	color: #fff;
}

.icon-ferme .list-nav-bar:hover {
	background-color: #fe1111;
	color: #fff;
}

.wo\/4\/1 {
	width: 60% !important;
}

.icon-ferme a svg {
	width: 25px;
	height: 25px;
	border: 2px solid #fe1111;
	border-radius: 8px;
	fill: #fe1111;
}

.icon-ferme a:hover svg {
	width: 25px;
	height: 25px;
	border: 2px solid #fff !important;
	border-radius: 8px;
	fill: #fff;
}

.icon-resto {
	color: #000;
}

.icon-resto .list-nav-bar:hover {
	background-color: #000;
	color: #fff;
}

.icon-resto a svg {
	width: 25px;
	height: 25px;
	border: 2px solid #000;
	border-radius: 8px;
	fill: #000;
}

.icon-resto a:hover svg {
	width: 25px;
	height: 25px;
	border: 2px solid #fff !important;
	border-radius: 8px;
	fill: #fff;
}

.icon-station {
	color: #0d6efd;
}

.icon-station .list-nav-bar:hover {
	background-color: #0d6efd;
	color: #fff;
}

.icon-station a svg {
	width: 25px;
	height: 25px;
	border: 2px solid #0d6efd;
	border-radius: 8px;
	fill: #0d6efd;
}

.icon-station a:hover svg {
	width: 25px;
	height: 25px;
	border: 2px solid #fff !important;
	border-radius: 8px;
	fill: #fff;
}

.icon-recherche a svg {
	width: 25px;
	height: 25px;
	border: 2px solid #b40404 !important;
	border-radius: 8px;
	fill: #b40404;
}

.icon-golf a:hover svg {
	width: 25px;
	height: 25px;
	border: 2px solid #fff !important;
	border-radius: 8px;
	fill: #66a65a;
}

.icon-golf a svg {
	width: 25px;
	height: 25px;
	border: 2px solid #66a65a;
	border-radius: 8px;
	fill: #66a65a;
}

.icon-golf .list-nav-bar:hover {
	background-color: #66a65a;
	color: #fff;
}

.icon-golf .list-nav-bar:hover {
	background-color: #66a65a;
	color: #fff;
}

.icon-recherche a svg:hover {
	width: 25px;
	height: 25px;
	border: 2px solid #b40404 !important;
	border-radius: 8px;
	background-color: #b40404;
	fill: #fff;
	/* transform: scale(1.3); */
}

.icon-tabac a:hover svg {
	width: 25px;
	height: 25px;
	border: 2px solid #fff !important;
	border-radius: 8px;
	fill: #da341e;
}

.icon-tabac a svg {
	width: 25px;
	height: 25px;
	border: 2px solid #da341e;
	border-radius: 8px;
	fill: #da341e;
}

.icon-tabac .list-nav-bar:hover {
	background-color: #da341e;
	color: #fff;
}

.icon-tabac .list-nav-bar:hover {
	background-color: #da341e;
	color: #fff;
}

.navbar-light-bar .icon-connexion .svg-1 {
	fill: #000;
}

.navbar-light-bar .icon-connexion .svg-2 {
	fill: #09ff00;
}

.navbar-light-bar .icon-connexion .svg-2 g .gadena {
	fill: #1111fe;
}

.navbar-light-bar .icon-connexion svg:hover {
	fill: #1111fe;
	transform: scale(1.3);
}

.recherche-modale .modal-content {
	width: 100%;
	height: 10vh;
	border-radius: 50px;
}

.recherche-modale .modal-content .bar-de-recherche {
	display: flex;
	width: 90%;
	font-weight: bolder;
	margin: auto auto;
}

.my-controller,
.retoure {
	border: none !important;
}

.recherche-navbar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.recherche-modale .modal-content .bar-de-recherche {
	display: flex;
	width: 90%;
	margin: auto auto;
}

.recherche-modale .modal-content .bar-de-recherche .input-recherche-navbar {
	border-radius: 15px;
}

.recherche-modale .modal-content .bar-de-recherche button {
	background: none;
	border: none;
}

.recherche-modale .modal-content .bar-de-recherche button svg {
	fill: #b40404;
}

.recherche-modale .modal-content .bar-de-recherche button svg:hover {
	fill: #000;
}

.btn_retours svg {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	fill: #fff;
	background-color: #28be21;
}

/* ***************Map**************** */
body.resizing,
body.resizing * {
	user-select: none !important;
}

#map {
	width: 100vw;
	height: 100vh;
	position: static !important;
}

.content_cart_map {
	height: 100%;
	overflow: hidden;
}

.cart_map {
	display: block;
	width: 100%;
	height: 100%;
}

.content_header_right_side {
	display: block;
	height: 55px;
	margin-top: 100px;
}

.table_info_marker {
	display: block;
	max-height: 65vh;
	overflow: scroll;
	overflow-x: hidden;
}

.header_right_side {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.close_right_side {
	font-size: 1.3rem;
}

.content_legende {
	display: block;
	width: 0%;
	background-color: white;
	z-index: 10000;
}

.content_legende_bottom {
	width: 100vw;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0px;
	height: 0%;
	background-color: white;
	z-index: 1000;
}

.content_header_bottom_side {
	display: block;
	margin-top: 10px;
	margin-left: 10px;
}

.content_bottom_side_body {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 15px;
	margin-left: 2%;
}

.card_type_layer {
	max-width: 350px;
	min-height: 70px;
	max-height: 70px;
	overflow: hidden !important;
	cursor: pointer;
	border: 1px solid rgb(158, 158, 158) !important;
	color: black !important;
}

.card_type_layer:hover {
	background-color: rgb(177, 177, 177) !important;
	color: white !important;
}

.card_type_layer_selected {
	background-color: rgb(177, 177, 177) !important;
	color: white !important;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control {
	margin-right: 19px !important;
}

.leaflet-right {
	margin-top: 110px;
}

.btn_group_vertical {
	/* margin-top: 45px !important; */
}

/* NAV account  */

li.nav-item.avatar-account-pdp > a > img {
	width: 45px;
	height: 45px;
}

.nav-item a {
	display: flex;
}

.link_type_menu {
	display: block;
	margin-left: 15px;
}

.content_left_menu {
	display: block;
	width: 16%;
	height: 100vh;
	width: 160px;
}

.navbar {
	/* box-shadow: 5px 5px 5px rgb(107 107 107 / 5%);
  background-color: white; */
	padding-top: 0 !important;
	z-index: 10;
}

.nav-bar {
	margin-left: 15px;
}

.nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
}

.content_entete_for_mobile {
	display: none;
}

.content_menu_open {
	display: none;
}

.content_left_menu {
	border-right: 1px solid gray;
	background-color: white;
}

.content_global {
	height: 100%;
}

.content_cart_map {
	display: flex;
	width: 100%;
	margin: 0 auto;
	border-radius: 5px;
}

.right_content {
	display: block;
	width: 89%;
	position: relative;
	height: 100%;
	float: right;
}

.b-example-divider {
	display: flex;
	justify-content: center;
	padding-left: 10px;
}

.b-example-divider .fa-solid {
	cursor: pointer;
	font-size: 18pt;
	font-weight: bolder;
	margin-left: -56px;
	margin-top: 28px;
	margin-bottom: -57px;
}

/* .nav li{
  margin : 10px 0;
} */

li a .station {
	/* width: 30px; */
	height: 23px;
}

/* .active{
  background-color : lightgray;
} */
.non_active {
	pointer-events: none !important;
	cursor: not-allowed !important;
}

/*
* a supprimer en temps voulu
*/
.fc-bg {
	/* cursor: not-allowed !important; */
}

.cursor_active {
	cursor: pointer !important;
}

.vertical-line {
	border-left: 1px solid #ccc;
	display: inline-block;
	height: 1080px;
	margin: 0 180px;
}

/* jheo: special for filter: checkbox and slider bar. DON'T CHANGE THIS. */
.bar-de-recherche {
	display: flex;
	width: 100%;
	font-weight: bolder;
}

/* .content_filter_global{
  width: 86%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px;
  padding: 0 0 10px 0;
  margin-right: 15px;
} */

.content_description {
	display: block;
	width: 95%;
	margin: 5px auto;
	/* padding: 25px; */
	height: 98%;
	background: white;
	box-shadow: 0px 2px 7px 0px black;
	overflow-y: auto;
	overflow-x: hidden;

	border-radius: 10px;

	/* Hide scrollbar for IE, Edge and Firefox */
	/* -ms-overflow-style: none;   IE and Edge
  scrollbar-width: none;  Firefox */
}

.content_description::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 10px;
}

.content_description::-webkit-scrollbar {
	width: 5px;
	background-color: #f5f5f5;
}

.content_description::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4d9c41), to(#19911d), color-stop(0.6, #54de5d));
}

/* Hide scrollbar for Chrome, Safari and Opera */
/* .content_description::-webkit-scrollbar {
  display: none;
} */

/* Hide scrollbar for Chrome, Safari and Opera */
.list-depart-all-detail::-webkit-scrollbar {
	display: none;
}

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

.content_input_pass {
	position: relative;
}

.content_input_pass input {
	z-index: 5;
}

.content_input_pass i {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}

.content_left_menu_account {
	z-index: 0 !important;
}

/* WORK TOMM */
.list-depart-all-detail-tous {
	position: absolute;
	width: 26vw !important;
	height: 71vh;
	z-index: 407;
}

.list-depart-all-detail-tous h4 {
	font-size: 14pt;
}

.input-grey-rounded {
	font-size: 16px;
	line-height: 1.5;
	background: linear-gradient(to right, #45f58d, #3bfbe4) 1;
	border: 1px solid #d5d9db;
	background-image: url("data:image/svg + xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27><path fill=%27%238C92A0%27 d=%27M11.44 10.73l4.41 4.42a.5.5 0 1 1-.7.7l-4.42-4.41a6.5 6.5 0 1 1 .7-.7v-.01zM6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11z%27></path></svg>");
	background-repeat: no-repeat;
	background-position: 15px 10px;
	background-size: 20px 20px;
	border-radius: 100px;
	width: 250px;
	padding: 0.5em 1em 0.5em 2.5em;
	/* margin-bottom: 10px; */
}

.input-grey-rounded::placeholder {
	color: #838d99;
}

.input-grey-rounded:focus {
	outline: none;
	background-color: #fff;
	border: 1px solid #84a2fa;
}

.mycluster {
	width: 37px !important;
	height: 37px !important;
	/* background-color: greenyellow; */
	background-color: white !important;
	/* border-radius: 50%; */
	text-align: center;
	font-size: 15pt !important;
}

.spec_cluster {
	background-color: red !important;
	width: 35px !important;
	height: 35px !important;
	opacity: 1;
	outline: none;
	border-radius: 50%;
}

.markers-spec {
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: 10%;
	font-size: 1.2rem;
}

.nav-tous {
	/* margin: 50px auto -15px -42px; */
	margin-top: 15px;
	margin-left: 5px;
	color: #df01d7;
	margin-top: 0;
	margin-bottom: 0rem !important;
}

.nav-ferme {
	/* margin:50px auto -15px -47px; */
	margin-left: 5px;
	color: #1111fe;
	margin-top: 0;
	margin-bottom: 0rem !important;
}

.nav-resto {
	/* margin: 50px 5px -15px -60px; */
	margin-left: 5px;
	color: #000;
	margin-top: 0;
	margin-bottom: 0rem !important;
}

.nav-station {
	/* margin: 50px 5px -15px -75px; */
	margin-top: 15px;
	margin-left: 5px;
	color: #19911d;
	margin-top: 0;
	margin-bottom: 0rem !important;
}

.nav-recherche {
	/* margin: 50px auto -15px -60px; */
	margin-top: 15px;
	margin-left: 5px;
	color: #b40404;
	margin-top: 0;
}

.avatar-account-fondateur {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 3px rgb(206, 15, 253) solid;
	box-shadow: 0px 0px 22px rgba(206, 15, 253, 0.8);
}

.avatar-account-fondateur img {
	width: 40px;
	border-radius: 50%;
	margin-top: 1px;
	margin-left: -8px;
}

.avatar-account {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 3px rgb(8, 238, 27) solid;
	box-shadow: 0px 0px 22px rgba(4, 253, 20, 0.8);
}

/* .avatar-account img {
  width: 40px;
  border-radius: 50%;
  margin-top: 1px;
  margin-left: -8px;
} */

.avatar-account img {
	width: 45px !important;
	border-radius: 50%;
	/* margin-top: 1px !important;
  margin-left: 2px; */
}

.labelC-rond-account {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgb(8, 238, 27);
	color: #fff;
	transform: translate(35px, -6px);
}

.labelC-rond-account-nav {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgb(8, 238, 27);
	color: #fff;
	transform: translate(159px, -31px);
}

.avatar-account-square-labelC-fondateur {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	/* border-radius: 50%; */
	border: 3px rgb(206, 15, 253) solid;
	box-shadow: 0px 0px 22px rgba(206, 15, 253, 0.8);
}

.avatar-account-square-labelC-fondateur img {
	width: 40px;
	/* border-radius: 50%; */
	margin-top: 1px;
	margin-left: -6px;
}

.avatar-account-square-labelC {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	/* border-radius: 50%; */
	border: 3px rgb(8, 238, 27) solid;
	box-shadow: 0px 0px 22px rgba(4, 253, 20, 0.8);
}

.avatar-account-square-labelC img {
	width: 40px;
	/* border-radius: 50%; */
	margin-top: 1px;
	margin-left: -6px;
}

.labelC-rond-account {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgb(8, 238, 27);
	color: #fff;
	transform: translate(35px, -6px);
}

.labelC-rond-account-nav {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgb(8, 238, 27);
	color: #fff;
	transform: translate(159px, -31px);
}

.avatar-account-square {
	width: 50px;
	height: 50px;
	/* border-radius: 50%; */
	border: 3px rgb(136, 136, 136) solid;
	box-shadow: 0px 0px 22px rgba(136, 136, 136, 0.8);
}

.avatar-account-square img {
	width: 40px;
	/* border-radius: 50%; */
	margin-top: 1px;
	margin-left: -8px;
}

.table-responsive {
	width: 100%;
}

.gallery-container {
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	height: 100%;
	background-color: #fff;
	padding: 25px;
}

#gallery {
	padding: 15px;
	/* display: grid;
  width: auto;
  grid-template-columns: repeat(auto-fill, 10rem);
  grid-auto-rows: 10rem;
  grid-auto-flow: dense;
  gap: 10px; */
}

#gallery img {
	cursor: pointer;
	width: 100%;
	object-fit: cover;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	height: 150px;
}

.left_menu {
	background-color: white;
	padding-left: 20px;
	height: 100vh;
}

/* edit by marc*/
/*.content-logo-shearch {
  background-color: #f7f8f8;
  width: 400px;
  height: 60px;
  margin-left: 3px !important;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}*/

.navbar-brand img {
	max-width: fit-content;
	width: 6rem !important;
	height: auto;
	margin-top: 0.5rem;
	margin-left: -1.5rem;
}

.connexion-logo img {
	margin-left: -3.5rem !important;
}

.btn-recher-nav {
	border: none;
	background: none;
	margin-right: -40px;
}

/* .spec-dep {
  margin-top: 35px;
} */

.bg-blanc {
	z-index: 1;
	background-color: #fff;
	width: 100vw;
	height: 90px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.cursor-not-allowed {
	cursor: not-allowed;
}

.cursor-pointer {
	cursor: pointer;
}

.border_red {
	border-color: red !important;
}

.content_titre_details {
	position: sticky;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: white;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	padding: 10px;
	padding-bottom: 5px;
}

/* hr{
  opacity: 1 !important;
} */
.navbar-light-left .fa-x {
	/* margin-left: 140px;
  margin-top: 15px; */
	margin-left: 25px;
}

input::-ms-reveal,
input::-ms-clear {
	display: none;
}

.card-couverture-pub-tribu-t nav {
	border-radius: 0 15px 0 0;
}

.toaster_custom {
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: 150px;
	border-radius: 5px;
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2);
}

.notification-toster {
	background-color: #fff;
	padding: 15px;
	width: 450px;
	border-radius: 20px;
	box-shadow: 0 2px 5px #00000033;
	cursor: pointer;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 15px;
	position: relative;
	overflow: hidden;
}

.notification-toster span {
	font-size: 18px;
	color: #5d6672 !important;
	line-height: 1.6;
	white-space: nowrap;
}

.notification-toster.success {
	border: 1px solid var(--success-md);
	background-color: var(--success-l);
}

/*******/
.notification-toster.info {
	border: 1px solid var(--info-md);
	background-color: var(--info-l);
}

/*******/
.notification-toster.warning {
	border: 1px solid var(--warning-md);
	background-color: var(--warning-l);
}

/********/
.notification-toster.danger {
	border: 1px solid var(--danger-md);
	background-color: var(--danger-l);
}

.container_error_page {
	background: rgba(0, 54, 246, 0);
	background: linear-gradient(189deg, rgba(0, 54, 246, 0) 10%, rgba(0, 111, 255, 0.64) 80%);
	background: -webkit-linear-gradient(189deg, rgba(0, 54, 246, 0) 10%, rgba(0, 111, 255, 0.64) 80%);
	background: -moz-linear-gradient(189deg, rgba(0, 54, 246, 0) 10%, rgba(0, 111, 255, 0.64) 80%);
	width: 100%;
	z-index: 1;
	height: 100vh;
}

.error_page {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -80%);
	height: 30vh;
	background: white;
	border-radius: 15px;
	text-align: center;
	padding: 25px;

	border: 1px solid red;
}

.ma_position {
	font-size: 1.2rem;
}

.ma_position:hover {
	transform: scale(1.2);
	color: blue;
}

.alert_details_marker_position {
	margin: 10px;
	margin-top: 70%;
	text-align: center;
}

.chargement_right_side {
	height: unset !important;
	width: unset !important;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 13%;
	top: 35%;
}

.opacity04 {
	opacity: 0.4;
}

.mini_chargement_content {
	position: absolute;
	top: 48%;
	left: 42%;
}

.mini_chargement_content .word {
	display: inline-block;
	padding: 5px;
	color: white;
	font-size: 15px;
}

.hiddenPage {
	display: none !important;
}

.user_select_None {
	user-select: none;
}

.ir {
	padding-top: 0 !important;
}

.to\/4\/2 {
	width: 43% !important;
	margin-left: -3rem;
	/* margin-top: -1rem; */
}

.vd-head {
	height: 5rem;
}

.hj-resto {
	height: 100vh;
	margin-left: -1.5rem;
}

/* ******************Input image all******************** */

.image-upload {
	background-color: #ffffff;
	/* width: 600px; */
	margin: 0 auto;
	padding: 20px;
}

.image-upload-btn {
	width: 100%;
	margin: 0;
	color: #fff;
	background: #1fb264 !important;
	border: none;
	padding: 10px;
	border-radius: 4px;
	border-bottom: 4px solid #15824b;
	transition: all 0.2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 700;
}

.image-upload-btn:hover {
	background: #1aa059 !important;
	color: #ffffff;
	transition: all 0.2s ease;
	cursor: pointer;
}

.image-upload-btn:active {
	border: 0;
	transition: all 0.2s ease;
}

.image-upload-content {
	display: none;
	text-align: center;
}

.image-upload-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}

.image-upload-wrap {
	/* margin-top: 20px; */
	border: 2px dashed #878787;
	position: relative;
	border-radius: 5px;
}

.image-dropping,
.image-upload-wrap:hover {
	background-color: #696969;
	border: 2px dashed #ffffff;
	color: #1aa059;
}

.image-title-wrap {
	padding: 0 15px 15px 15px;
	color: #222;
}

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

.drag-text h3 {
	font-weight: 100;
	/* text-transform: uppercase; */
	font-size: 14pt;
	color: #a4a4a4;
}

.drag-text img {
	/* width: 150px; */
	width: 80px;
	margin-left: auto;
	margin-right: auto;
}

.image-upload-image {
	max-height: 200px;
	max-width: 200px;
	margin: auto;
	padding: 20px;
}

.remove-image-uplaod {
	width: 200px;
	margin: 0;
	color: #fff;
	background: #cd4535 !important;
	border: none;
	padding: 10px;
	border-radius: 4px;
	border-bottom: 4px solid #b02818;
	transition: all 0.2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 10pt;
}

.remove-image-uplaod:hover {
	background: #c13b2a;
	color: #ffffff;
	transition: all 0.2s ease;
	cursor: pointer;
}

.remove-image-uplaod:active {
	border: 0;
	transition: all 0.2s ease;
}

/* ******************fin Input image all******************** */
.rubrique-item {
	padding-bottom: 25px !important;
}

.image_profil_navbar_msg {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

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

.listNavBarTribu > .active {
	background-color: #0d6efd !important;
	color: white !important;
}

/* .card-pub-actu > img{
  width: 300px !important;
  height: 300px !important;
} */

#contentUpdateOrDelete {
	/* margin-left: 250px; */
}

#editPictureLabel > button {
	padding: 5px 10px 5px 10px;
	background-color: #198754;
	color: white;
	border-radius: 15px;
}

.user-profy {
	float: left;
	width: 100%;
	background-color: #fff;
	text-align: center;
	border-left: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
	-webkit-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
	-ms-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
	-o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
	padding: 20px 0 0 0;
}

.followw {
	background-color: #53d690;
}

i.fa-eye-slash,
i.fa-eye {
	display: flex;
	align-items: center;
	position: absolute;
	/* height: 790px; */
	/* right: 75px; */
	/* padding-right: 1px; */
	/* margin-top: -35px; */
	cursor: pointer;
	right: 0px;
	padding-right: 1px;
	margin-top: 6px;
}

.content_input_pass i.fa-eye-slash {
	right: 0px !important;
	margin-top: 7px !important;
}

.userProfil {
	clip-path: circle(40%) !important;
}

#succesMessage {
	-webkit-animation: cssAnimation 5s forwards;
	animation: cssAnimation 5s forwards;
}

.cta_connexion_navbar {
	background-color: white;
	border-radius: 50%;
}

.cta_connexion_navbar_no_connected {
	background-color: white;
	clip-path: circle(33%);
}

.cta_connexion_navbar img {
	width: 50px;
	height: 50px;
}

@keyframes cssAnimation {
	0% {
		display: block;
	}

	90% {
		display: block;
	}

	100% {
		display: none;
	}
}

@-webkit-keyframes cssAnimation {
	0% {
		display: block;
	}

	90% {
		display: block;
	}

	100% {
		display: none;
	}
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.starNote {
	display: inline-block;
	font-size: 1rem;
	color: #a09896;
	margin-right: 0.4rem;
}

.avisRestoTribu {
	text-decoration: none;
	/*color:#19a8d8;*/
	cursor: none;
	/* pointer-events: none; */
}

.profil_image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.icon_resto_legend {
	display: block;
	width: 30px;
	height: 40px;
}

.icon_golf_legend {
	display: block;
	width: 30px;
	height: 40px;
}

.containerPastilleResto {
	font-size: 13px;
}

.nomTribuTPastilleResto {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lioTe > b {
	font-size: 1.1rem;
}

.logo_pastille_golf {
	overflow: hidden;
}

.img_nantenaina {
	float: left;
	/* height: 50px; */
	/* margin-left: -10px; */
	cursor: pointer;
}

.super_container_js_nantenaina {
	/* width: 40.3%; */
	/* height: 50px; */
	overflow: hidden;
}

.mainContainerLogoTribu {
	height: 35px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mainContainerLogoTribu:after {
	content: "";
	clear: both;

	display: table;
}

.restoNameWithLogoTribu .img_nantenaina img {
	height: 43px;
	width: 35px;
	/* margin-top: -7px; */
	clip-path: circle();
}

.restoNameWithLogoTribu {
	display: flex;
	justify-content: center;
}

#modalAvisRestaurant,
#staticBackdrop_ {
	margin-top: 70px;
}

.kidje3 {
	width: 130px !important;
}

/* #gallery {
  display: flex;
  
} */

#gallery_profil img {
	width: 150px !important;
	margin-right: 85px;
}

.bg-pdp-profil {
	background-color: #02042a !important;
	color: #fff !important;
}

#bottom {
	top: 50px;
	left: -90%;
}

.toltip-hover-text:hover .tooltip-text {
	visibility: visible;
}

.tooltip-text {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	width: 320px;
	color: white;
	font-size: 12px;
	background-color: #192733;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;
}

.see-avis {
	color: #fff !important;
	/* width: 150px; */
	margin-left: auto;
	margin-right: auto;
}

.content_titre_details {
	z-index: 1 !important;
}

#confirmPartageAgenda .modal-content {
	height: 150px;
}

.partage_agenda {
	background-color: #fff;
	/* height: 115vh; */
}

.partage_agenda h3 svg {
	display: inline !important;
}

.partage_agenda .dataTables_wrapper {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.partage_agenda .btn-partage-agenda {
	width: 250px;
	margin-left: 50vw !important;
}

.pdp-agenda-tribu-g {
	width: 50px;
	clip-path: circle(40%);
}

.pdp-agenda-tribu-t {
	width: 50px;
	clip-path: circle(40%);
}

.btn-second-primary {
	background-color: #7eb8ee !important;
	border: #7eb8ee 1px solid !important;
	pointer-events: none;
}

/*input upload file style*/
.drop_zone_Nantenaina_css_js {
	max-width: 500px;
	height: 200px;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
	font-size: 20px;
	cursor: pointer;
	color: #cccccc;
	border: 4px dashed #009578;
	border-radius: 10px;
}

.drop-zone--over {
	border-style: solid;
}

.drop_zone__input_Nantenaina_css_js {
	display: none;
}

.drop-zone__thumb {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #cccccc;
	background-size: cover;
	position: relative;
}

.drop-zone__thumb::after {
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	text-align: center;
}

/* FOR TEXT EDITOR */
/* * {
  font-family: sans-serif;
} */

textarea {
	padding: 2rem;
}

.wrapper {
	max-width: 64rem;
	margin: 0 auto;
	display: block;
	padding: 4rem 0;
}

#editor {
	min-height: 180px;
}

.golf_status {
	font-size: 0.6rem !important;
}

.btn_golf_did {
	cursor: pointer;
}

.gray400 {
	background-color: #ced4da;
}

.fontSize07 {
	font-size: 0.7rem;
}

.fontSize06 {
	font-size: 0.6rem;
}

.to-say-it-new {
	position: absolute;
	top: -6px;
	right: 0%;
	background-color: #ffca08;
	font-size: xx-small;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 100px;
}

.what-means-partenaire-Nantenaina_css {
	padding: 15px;
}

.linkOndetail:hover {
	color: #0d6efd;
}

.iconePlus_nanta_js > a > i {
	font-size: 35px;
	color: blue;
	font-weight: bolder;
}

.divContainerImgOnModal {
	display: flex;
	vertical-align: middle;
}

.divContainerImgOnModal img {
	clip-path: circle();
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.divContainerImgOnModal > .tribuTName {
	margin-left: 4%;
	margin-top: 3%;
	color: #0d6efd;
	font-weight: bolder;
	cursor: pointer;
}

.annimation_badge {
	animation: 0.3s infinite alternate bounding_poping;
}

@keyframes bounding_poping {
	0% {
		transform: scale(0.8);
	}

	50% {
		transform: scale(0.95);
	}

	55% {
		transform: scale(0.952);
	}

	75% {
		transform: scale(0.954);
	}

	80% {
		transform: scale(0.956);
	}

	85% {
		transform: scale(0.958);
	}

	90% {
		transform: scale(0.959);
	}

	95% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

.pictureOnBoth {
	font-size: 20px;
	cursor: pointer;
}

#containerCamera video {
	height: 400px;
	width: 400px;
	margin: auto;
}

#pictureOnLocal,
#getPictureOnDevice,
.labelFileRepertory,
.labelPrisePhoto {
	cursor: pointer;
}

#pictureOnLocal:hover,
#getPictureOnDevice:hover {
	color: #0d6efd;
}

#capture-button {
	display: block;
	position: absolute;
	top: 80%;
	width: 50px;
	height: 50px;
	bottom: 20px;
	left: 50%;
	margin-left: -25px;
	border-radius: 50%;
	background-color: #ff0000;
	border: 2px solid #fff;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
	opacity: 0.5;
	outline: none;

	&:hover {
		transform: scale(1.1);
	}

	&:active {
		background-color: #00ff00;
	}
}

#player {
	height: 300px !important;
	width: 400px !important;
}

#modal-dialog-camera {
	width: 430px !important;
}

.repertoryDir ul li:hover,
.repertoryDir ul li a:hover {
	color: #0d6efd;
}

.fa-search-elie {
	padding: 5px;
	width: 35px;
	min-width: 35px;
	height: 35px;
	min-height: 35px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #0d6efd;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
		rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	clip-path: circle(50%);
	transition: 0.25s;
}

.fa-search-elie:hover {
	border: 1px solid #09ff00;
	color: #fff;
	scale: 1.2;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.btn-minimize-elie :hover {
	color: #f70b0b;
}

.btn-minimize-elie,
.btn-expand-elie {
	height: auto !important;
	background: none !important;
	opacity: 1 !important;
	font-size: 20px;
}

.btn-expand-elie {
	left: 5px !important;
	top: 5px !important;
	position: absolute;
	color: white !important;
}

.btn-expand-elie:hover {
	scale: 1.2;
	color: #0d6efd !important;
}

.visioMinimize {
	width: 280px;
	height: 176px;
	left: auto !important;
	background-color: transparent;
}

.tooltiptext {
	font-size: 12px;
	visibility: hidden;
	width: 60px;
	background-color: #000;
	opacity: 0.5;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 1px 0;
	margin-left: -62px;
	transition: opacity 0.3s;
	position: absolute;
	z-index: 1;
}

.btn-minimize-elie:hover .tooltiptext {
	visibility: visible;
}

.btn-expand-elie:hover .tooltiptext {
	visibility: visible;
}

.btn-expand-elie-v2:hover .tooltiptext {
	visibility: visible;
}

.tooltiptextAgrandir {
	margin-left: -40px !important;
	margin-top: -30px !important;
}

.mt-50px {
	margin-top: -50px !important;
	color: #000;
}

.modal_visio {
	/* display: none; */
	position: fixed;
	width: 80%;
	height: 80%;
	background-color: #fff;
	z-index: 9999;
	left: 10%;
	right: 10%;
	top: 10%;
	border-radius: 10px;
	padding: 10px 10px;
	border: 1px solid red;
	animation-duration: 1s;
	/* transition: 1s ease-in-out; */
	transition: all 0.7s;
}

.modal_visio_to_min {
	transform: translate(25px, 25px);
}

#bodyVisioMessageElie {
	height: 72vh;
	padding: 2px 0;
}

/**modal gallerie*/
/*The Modal (background)*/
.modalZoom {
	display: none;
	position: fixed;
	z-index: 999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
}

/*Modal Content (Image)*/
.modalZoom-content {
	margin: auto;
	display: block;
	width: 100%;
	max-width: 900px;
	border-radius: 5px;
}

/*Add Animation - Zoom in the Modal*/
.modalZoom-content,
#captionZoom {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0);
	}

	to {
		-webkit-transform: scale(1);
	}
}

@keyframes zoom {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

/**The Close Button*/
.closeZoom {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.closeZoom:hover,
.closeZoom:focus {
	color: #ff0000;
	text-decoration: none;
	cursor: pointer;
}

.minRightModal {
	display: block !important;
	width: 300px;
	height: 220px;
	right: 0;
	margin: auto;
	bottom: 0;
	left: auto;
	padding: 0 !important;
	border-radius: 0px !important;
	top: 66% !important;
}

.minRightVisioBody {
	/* height: 100%!important; */
	height: 194px !important;
	padding: 0 !important;
}

.btn-expand-elie-v2 {
	margin-right: 2px;
	color: #000;
}

/*100% Image Width on Smaller Screens*/
@media only screen and (max-width: 700px) {
	.modalZoom-content {
		width: 100%;
	}
}

.pictureOnLocal {
	text-align: center;
	padding: 3px 3px;
	border: 1px dashed gray;
	border-radius: 10px;
	cursor: pointer;
}

.pictureOnDevice {
	text-align: center;
	background: lavender;
	border-radius: 5px;
	padding: 6px;
}

.labelPrisePhoto {
	/* border: 1px solid; */
	border-radius: 8px;
	padding: 5px;
	cursor: pointer;
	background: lavender;
	/* color: #0d6efd; */
}

.labelPrisePhoto:hover {
	color: #0d6efd;
}

.toast-close {
	color: black !important;
	font-size: 1.2rem !important;
	font-weight: bolder !important;
	opacity: 1 !important;
	position: absolute;
	top: 5px;
	right: 5px;
}

.content_message_tooltip {
	position: relative;
}

.message_tooltip {
	display: block;
	position: absolute;
	top: 6px;
	right: 58px;
	width: 250px;
	background-color: lightgreen;
	color: black;
	padding: 6px;
	border-radius: 5px;
}

.message_tooltip_bottom_right {
	display: block;
	position: absolute;
	top: -36px;
	left: 15px;
	width: 251px;
	background-color: lightgreen;
	color: black;
	padding: 6px;
	border-radius: 5px;
}

.message_tooltip_bottom_right:after {
	position: absolute;
	content: "";
	bottom: -63%;
	left: 3px;
	border-top: 15px solid lightgreen;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}

.message_tooltip:after {
	position: absolute;
	content: "";
	top: 18%;
	right: -15px;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid lightgreen;
}

.bg_orange {
	background-color: #ff7900 !important;
	border-color: #ff7900 !important;
	color: white !important;
}

.bg_vert {
	background-color: green !important;
	border-color: green !important;
	color: white !important;
}

.drop_down_map {
	font-size: 1.2rem;
	color: black;
	margin-left: 10px;
}

.dropdown-toggle::after {
	display: none !important;
}

.text_black {
	color: black;
}

.pointeur-event-none-tomm-js {
	pointer-events: none;
}

.flash-msg-ERREUR {
	color: red;
	font-size: 8pt;
}

.hover-deconnexion {
	color: #6c757d;
}

.hover-deconnexion:hover {
	color: #0d6efd;
}

.iti__flag {
	background-image: url(/public/build/images/flags.1952df89.png);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.iti__flag {
		background-image: url(/public/build/images/flags@2x.276410ff.png);
	}
}

.content_input_piece_joint {
	position: relative;
	/* width: 350px; */
}

.message_tooltip_piece_joint {
	display: block;
	position: absolute;
	background-color: lightgreen;
	color: black;
	padding: 6px;
	border-radius: 5px;
	/* top: 5px; */
	/* left: 40px; */

	top: -60px;
	left: -66px;
	width: 200px;
	text-align: center;
}

.message_tooltip_piece_joint:after {
	position: absolute;
	content: "";
	/*
  top: 25%;
  left: -15px;
  border-top: 5px solid transparent;
  border-right: 10px solid lightgreen;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  */

	bottom: -15px;
	left: 69px;
	border-top: 5px solid lightgreen;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

.pointer_cursor {
	cursor: pointer !important;
}

.content-modal-pastille-golf {
	position: absolute;
	top: 0;
	z-index: 1031;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
}

.modal-pastille-golf {
	width: 40%;
	height: auto;
	background: #fff;
	border-radius: 6px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
	margin-right: auto;
	margin-left: auto;
	margin-top: 175px;
	padding: 20px;
}

.pwd-eye {
	margin-right: 80px;
	margin-top: -35px !important;
}

.logo_path_pastille {
	width: 35px;
}

.logo_path_pastille_details {
	float: left;
	height: 35px;
	margin-left: -10px;
	cursor: pointer;
	clip-path: circle();
}

.length-pastille-plus {
	color: #000;
	cursor: pointer;
}

/* css modal carousel*/
.modal-body-pastille-golf {
	overflow-y: scroll;
	height: 270px;
}

.swal-modal {
	z-index: 1;
}

.logo_path_pastille {
	width: 50px;
	height: 50px;
	clip-path: circle();
}

.info_multiple_mail {
	font-size: 0.8rem;
	color: #00acff;
}

.add-photo-detail {
	padding: 0 10px;
	border-radius: 5px;
	border: 1px #7eb8ee solid;
	/* margin-bottom: 5px; */
}

.content_images {
	position: relative;
	width: 100%;
	height: 250px;
}

.add-photo-detail:hover {
	color: #00ff00;
	border: 1px #00ff00 solid;
}

.preview-photo-detail {
	max-height: 200px;
	/* height: 200px; */
	/* width: 100%; */
	background-position: 50%;
	background-size: cover;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 5px;
}

.all-photos-detail {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	height: 80%;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 5px;
}

.all-photos-detail:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

.image-miniature {
	width: 130px;
	height: 130px;
	min-width: 130px;
	min-height: 130px;
	cursor: pointer;
}

/* .modal_footer_tribu{
  justify-content: flex-start !important;
  height: 160px;
  overflow-x: auto;
} */
.footer-gallery {
	justify-content: flex-start !important;
	height: 160px;
	overflow-x: auto;
}

.body-gallery {
	padding: 0 !important;
}

.btn-next-photo,
.btn-previous-photo {
	padding: 5px;
	margin: 0 0.5rem;
	font-size: xx-large;
	top: 45%;
	appearance: none;
	background-color: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	filter: drop-shadow(0 2px 2px #1a1a1a);
	outline: none;
	position: absolute;
	transition: all 0.2s ease-out;
	border-radius: 5px;
}

.btn-close-custom-elie {
	padding: 5px;
	margin: 0 0.25rem;
	z-index: 5;
	font-size: larger;
	float: right;
	right: 0;
	appearance: none;
	background-color: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	filter: drop-shadow(0 2px 2px #1a1a1a);
	outline: none;
	position: absolute;
	transition: all 0.2s ease-out;
	border-radius: 5px;
}

.btn-close-custom-elie:hover {
	color: red;
}

.btn-next-photo:hover,
.btn-previous-photo:hover {
	background: white;
	color: aqua;
}

.btn-previous-photo {
	left: 0;
	float: left;
}

.btn-next-photo {
	float: right;
	right: 0;
}

.modal-content-gallery {
	border-radius: 0 !important;
}

.body-gallery img {
	width: 100%;
}

.current-gallery-photo {
	border: 2px #00ff00 solid;
	scale: 1.2;
}

.h-40 {
	height: 40px !important;
}

.photo-not-valid {
	width: 150px;
	height: 150px;
}

.bi-heart-fill {
	color: red;
}

/*end*/

.user-pdp-reaction {
	width: 40px;
	height: 40px;
	clip-path: circle();
}

.nbr_reaction_elie_js {
	cursor: pointer;
}

.content_icon_draggable {
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 10;
	font-weight: bolder;
	font-size: 1.2rem;
	cursor: move;
}

/*100% Image Width on Smaller Screens*/
@media only screen and (max-width: 991px) {
	.content_icon_draggable {
		display: none;
	}
}

.message_tooltip_drag {
	display: block;
	position: absolute;
	top: -45px;
	right: -217px;
	width: 250px;
	background-color: lightgreen;
	color: black;
	padding: 6px;
	border-radius: 5px;
	font-size: 0.6rem;
}

.message_tooltip_drag:after {
	position: absolute;
	content: "";
	top: 35px;
	left: 19px;
	border-top: 10px solid lightgreen;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}

#remove-detail-marche,
#remove-detail-resto,
#remove-detail-ferme,
#remove-detail-ferme,
#remove-detail-station,
#remove-detail-golf,
#remove-detail-tabac,
#remove-detail-home {
	position: absolute;
	top: 0px;
	/* z-index: 999999; */
	/* transform: translate(70vw, 15vh) !important; */
}

#btn_to_drag {
	padding: 10px;
	cursor: move;
	z-index: 10;
	background-color: #2196f3;
	color: #fff;
}

.translate_left {
	margin-left: -10px !important;
}

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

.flex_content_start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex_content_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.length-pastille-plus > i {
	font-size: 35px;
	color: blue;
	font-weight: bolder;
}

.content_logo_tribu_pastille {
	width: 30px;
	height: 80%;
	border-radius: 50%;
}

.logo_tribu_pastille {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.text_bold_pastille_golf {
	text-align: start;
	font-size: 0.9rem;
	font-weight: 600;
}

.cta_mongolf {
	font-size: 0.8rem;
	font-weight: bolder;
}

/* Elie
* Style pour publication card actualité et tribu T actu
*/

.card-actualite {
	border: none !important;
	border-radius: 0% !important;
}

.image-actualite {
	/* border-radius: 0% !important; */
	width: 40px !important;
	height: 40px !important;
	object-fit: contain;
}

.pub_decription_mobile {
	display: none;
}

/**
Responsive card publication
*/
@media screen and (max-width: 992px) {
	.image-actualite {
		width: 50px !important;
		height: 50px !important;
		object-fit: contain;
	}

	.pub_decription_mobile {
		display: block !important;
	}

	.pub_decription_normal {
		display: none !important;
	}

	.status-content {
		height: 28px;
	}

	.user_actualite {
		overflow-y: unset !important;
		/* width: 93vw !important; */
	}

	.boucle-for-pub {
		margin-right: 12px;
	}
}

.badge-type {
	padding-top: 0.4rem !important;
	height: 22px;
}

.image-detail-publication {
	max-width: 100%;
	height: auto;
	min-width: 100%;
	object-fit: contain;
}

.voir-plus-publication {
	color: #0d6efd;
	cursor: pointer;
}

.voir-plus-publication:hover {
	text-decoration: underline;
}

.tooltip-elie .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #6f42c1;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	margin-left: 10px;
	margin-top: 10px;
}

.tooltip-elie .tooltiptext::after {
	content: "";
	top: 100%;
	left: 50%;
	border-width: 5px;
	border-style: solid;
	border-color: #6f42c1 transparent transparent transparent;
}

.tooltip-elie:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.head-pub-actualite {
	padding: 0 15px !important;
}

.container-desc {
	height: 60px !important;
}

.profil_publication_actualite {
	width: 20px;
	height: 20px;
	clip-path: circle();
}

.carbonads {
	position: static;
	display: block;
	/* min-width: 45.75rem; */
	width: 100%;
	max-width: 45.75rem;
	padding: 10px 15px 10px 160px;
	/* margin: 2rem 0; */
	overflow: hidden;
	font-size: 0.8125rem;
	line-height: 1.4;
	text-align: left;
	background-color: white;
	border-radius: 0.5rem;
}

.carbonads_no_image {
	position: static;
	display: block;
	/* max-width: 80%; */
	width: 100%;
	max-width: 45.75rem;
	padding: 10px 15px 10px 15px;
	/* margin: 2rem 0; */
	overflow: hidden;
	font-size: 0.8125rem;
	line-height: 1.4;
	text-align: left;
	background-color: white;
	border-radius: 0.5rem;
}

.carbon-img {
	float: left;
	margin-left: -145px;
}

.carbon-poweredby {
	display: block;
	/* margin-top: 0.75rem; */
	color: #212529 !important;
}

.carbonads a {
	color: #212529;
	text-decoration: none;
}

.user-publication-actualite {
	font-weight: bold;
	color: #00acff;
}

.tribu-publication-actualite {
	font-weight: bold;
	color: #000;
}

.clock-publication-actualite {
	font-size: xx-small;
	font-style: italic;
}

.detail-publication-actualite {
	margin-left: -30px;
}

.confid-publication-actualite a,
.param-publication-actualite li {
	font-size: small;
}

.reaction-icon-actualite {
	padding: 5px 15px !important;
}

/* End card publication actalite by Elie*/

.create-album {
	width: 8vw !important;
	height: 10vh !important;
}

.create-album i {
	font-size: 24pt;
	color: #8b8b8b;
}

.create-album-img {
	color: #0d6efd !important;
	font-weight: 700 !important;
}

.create-album-img i {
	font-size: 14pt;
	/* color: #8b8b8b; */
}

.input-album {
	border: 1px solid #ccc;
	outline: none;
	width: 270px;
	height: 50px;
	border-radius: 33px;
	margin: 0 auto;
	display: block;
	color: #151515;
	font-family: "open sans", sans-serif;
	font-size: 19px;
	padding-left: 30px;
	position: relative;
	top: 0;
	left: 0;
}

.content-gal-all {
	position: relative;
}

.select-album {
	position: absolute;
	top: 0;
	right: 0;
}

.doc-album i {
	font-size: 78pt;
	color: #ffbf00a1;
}

/* Style for message iframe acceuil by Elie*/

.message-iframe {
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 1137px) and (max-width: 1259px) {
	.nav-item a.blabla {
		font-size: medium !important;
	}
}

#messageIframe,
#visioIframe {
	z-index: 99999;
}

/* End style iframe accueil*/

.dockableDetail button {
	border-radius: 8px;
	font-size: 1.1rem;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #0dcaf0;
	color: white;
}

.dockableDetail button:hover {
	background-color: #fff;
	color: #0dcaf0;
}

.number-of-icon {
	color: black;
	position: absolute;
	top: 10%;
	right: 30%;
	font-size: 13px;
}

.liste-icones button {
	border-radius: 8px;
	font-size: 1.1rem;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #0dcaf0;
	color: white;
}

.content_chargment_tribut {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60vh;
}

.content_text_number_per_dep {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 100%;
}

.text_number_per_dep {
	font-size: 0.8rem;
	font-weight: bolder;
	text-align: center;
	color: black;
}

.liste-icones-dock {
	border-radius: 8px;
	font-size: 1.1rem;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #0dcaf0;
	color: white;
}

/* Avis audio*/

.note_avis_jheo_js {
	padding-right: 25px !important;
}

.start_audio_avis_elie_js,
stop_audio_avis_elie_js {
	/* position: absolute;
  font-size: larger;
  color: blue;
  bottom: 42px;
  float: right;
  right: 40px; */
	cursor: pointer;
}

.audio-record {
	position: absolute;
	/* width: 35px; */
	width: 43px;
	/* bottom: 25px; */
	top: 74%;
	float: right;
	right: 15px;
	font-size: larger;
	color: blue;
}

.tooltip-audio {
	position: absolute;
	width: 100%;
}

.start_audio_avis_elie_js .audio_tooltip_start,
.stop_audio_avis_elie_js .audio_tooltip_stop {
	visibility: hidden;
	width: 150px;
	background-color: #6f42c1;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	float: right;
	margin-right: 40px;
	font-family: sans-serif;
	font-size: small;
}

.start_audio_avis_elie_js:hover .audio_tooltip_start {
	visibility: visible;
	opacity: 1;
}

.stop_audio_avis_elie_js:hover .audio_tooltip_stop {
	visibility: visible;
	opacity: 1;
}

.red {
	color: red !important;
}

.disabled i {
	color: gray;
	pointer-events: none;
}

/*End avis audio*/

/* Avis vidéo*/

.camera-record {
	/* position: absolute; */
	/* width: 35px; */
	/* bottom: 25px; */
	/* top: 74%; */
	/* float: right; */
	/* right: 5px; */
	width: 20px;
	font-size: larger;
	color: blue;
}

.record {
	position: absolute;
	width: 35px;
	/* top: 74%; */
	top: 75%;
	float: right;
	right: 12px;
}

.btn_capture_avis,
.btn_video_avis,
.btn_video_stop_avis,
.btn_change_micro_avis,
.btn_change_cam_avis {
	display: block;
	position: absolute;
	top: 80%;
	width: 50px;
	height: 50px;
	bottom: 20px;
	margin-left: -25px;
	border-radius: 50%;

	/* border: 2px solid #fff; */
	border: 2px solid #00ff00;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
	/* opacity: 0.5; */
	outline: none;
	background-color: white;
}

.btn_capture_avis {
	left: 20%;
	/* background-color: #ff0000; */
}

.btn_video_avis {
	/* right: 38%; */
	left: 40%;
	/* background-color: #0D6EFD; */
}

.btn_video_stop_avis {
	left: 40%;
	/* right: 38%; */
}

.btn_change_micro_avis {
	left: 60%;
	/* background-color: #00ff00; */
}

.btn_change_cam_avis {
	left: 80%;
	/* background-color: #00ff00; */
}

.body-cam {
	padding: 0 !important;
}

.image-capture-cam,
.video-cam-avis {
	width: 200px;
	height: 150px;
}

.show-avis-media {
	width: 100%;
	height: 100px !important;
}

.img-update {
	width: 100px;
	height: 100px;
}

#playerCam {
	width: 100%;
}

.chevron-options {
	position: absolute;
	top: -5px;
	border: 3px #00ff00 solid;
	border-radius: 50%;
	color: #fff;
	background-color: #000;
}

.chevron-options:hover {
	background-color: #fff;
	color: #000;
	border: 2px #fff 00ff00;
}

#optionMedia {
	width: 97%;
	position: absolute;
	bottom: 27%;
	z-index: 1;
	margin-bottom: 0.75rem !important;
}

.chrono_avis {
	position: absolute;
	background-color: #000;
	opacity: 0.6;
	top: 20px;
	margin: auto;
}

#bars {
	height: 14px;
	width: 180px;
	margin: auto;
	transform: scale(2) translateX(0%);
}

.bar {
	position: absolute;
	bottom: 0px;
	height: 3px;
	width: 1px;
	background: #000;
	animation: sound 0ms -800ms linear infinite alternate;
	transform: translateY(50%);
}

@keyframes sound {
	0% {
		opacity: 0.35;
		height: 3px;
	}

	100% {
		opacity: 1;
		height: 28px;
	}
}

/*End avis video*/

/**start onglet msg**/
.onglet-msg-all {
	height: 63vh;
	position: fixed;
	bottom: 10px;
	right: 7%;
	z-index: 100;
	display: flex;
}

.onglet-msg {
	background-color: #fff;
	box-shadow: 5px 0px 10px 5px rgba(0, 0, 0, 0.1);
	width: 25vw;
	height: 100%;
	margin-left: 15px;
}

.head-msg-onglet {
	background-color: #fff;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding-left: 10px;
	z-index: 1;
}

.name-msg-onglet {
	font-size: 12pt;
	width: 160px;
}

.content-entete-msg-onglet {
	margin-left: 0 !important;
}

.footer-msg-onglet {
	position: fixed;
	bottom: 0;
	width: 100%;
}

.content-discussion-msg {
	background-color: #fff;
}

.btn-send-onglet-msg {
	height: 35px;
	width: 70px;
}

.input-onglet-msg {
	height: 65px;
	font-size: 12pt !important;
}

.pdp-onglet-msg {
	max-width: 35px;
	max-height: 35px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.content-close {
	display: flex;
}

.content-bulle-all {
	width: 120px;
	position: fixed;
	bottom: 3%;
	right: 0;
	z-index: 2;
}

.content-bulle {
	background: #000;
	width: 50px;
	height: 50px;
	margin-top: -115px;
	border-radius: 50%;
}

.content-bulle-list {
	background: #1f88ff;
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 50%;
}

.content-bulle-list i {
	color: #fff;
	position: absolute;
	top: 25%;
	left: 25%;
	font-size: 20pt;
}

.navleft .list-depart-all-specific-arrond {
	height: 80vh;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 60px;
}

.navleft .list-depart-all-specific-arrond ul li .container-depart {
	margin: auto auto auto auto;
}

.navleft .list-depart-all-specific-arrond ul li .container-depart svg {
	fill: #28be21;
	width: 5vw;
	height: 5vh;
	margin-left: -15px;
	margin-top: 15px;
}

.navleft .list-depart-all-specific-arrond ul li .container-depart svg:hover {
	fill: #000;
	width: 5.5vw;
	height: 5.5vh;
	margin-left: -15px;
	margin-top: 15px;
}

.loading_list_favory {
	margin: auto;
	height: 20px !important;
	width: 20px !important;
}

.icon_favory_rubrique {
	display: block;
	width: 21px;
	height: 25px;
}

.font_size_09 {
	font-size: 0.9rem;
}

.content_list_folder {
	display: block;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

.content_list_folder::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 10px;
}

.content_list_folder::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
}

.content_list_folder::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4d9c41), to(#19911d), color-stop(0.6, #54de5d));
}

.error_folder_name {
	width: 100%;
	margin-top: rem;
	font-size: 0.8em;
	color: #dc3545;
	font-weight: 400;
}

.border_input_danger {
	border: 1px solid #dc3545 !important;
}

.custom_alert_danger {
	text-align: center !important;
	--bs-alert-padding-y: 5px !important;
	font-size: 0.8rem !important;
}

.content_list_favory {
	max-height: 66vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.content_list_favory::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	border-radius: 10px;
}

.content_list_favory::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
}

.content_list_favory::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4d9c41), to(#19911d), color-stop(0.6, #54de5d));
}

.favory_folder_collapse {
	font-size: 0.85rem;
}

.favory_etablisment {
	cursor: pointer;
	font-size: 0.9rem;
}

@media screen and (min-width: 360px) {
	html {
		height: 100% !important;
	}

	body {
		height: 100% !important;
	}

	.body-onglet-msg {
		background-color: #fff;
	}
}

@media screen and (min-width: 480px) {
	html {
		height: 100% !important;
	}

	body {
		height: 100% !important;
	}

	.body-onglet-msg {
		background-color: #fff;
	}

	.name-msg-onglet {
		width: 300px !important;
	}

	.footer-msg-onglet {
		width: 100% !important;
	}
}

/*list téléchargement*/
/**download list*/
.list-dw {
	list-style-type: none !important;
	margin-bottom: 70px;
}

li.list-dw > a {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-decoration: none;
	padding: 35px 20px 13px 60px;
	margin-right: 40px;
	color: #444;
	background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/41294/download.png") 2px 0 no-repeat;
}

li.list-dw > a:hover {
	border-color: #444;
	box-shadow: 0 0 10px #444;
}

li.list-dw > a:active {
	border-color: #ccc;
	box-shadow: none;
}

li.list-dw > a.pdf:before {
	position: absolute;
	width: 62px;
	height: 72px;
	top: 2px;
	left: 2px;
	transition: all 0.4s;
}

li.list-dw > a[href$=".ppt"]:before {
	content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/41294/ppt.png");
}

li.list-dw > a.pdf:before {
	content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/41294/pdf.png");
}

li.list-dw > a[href$=".doc"]:before {
	content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/41294/doc.png");
}

li.list-dw > a[href$=".xls"]:before {
	content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/41294/xls.png");
}

li.list-dw > a[href$=".zip"]:before {
	content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/41294/zip.png");
}

li.list-dw > a[href$=".ppt"]:hover:before,
li.list-dw > a.pdf:hover:before,
li.list-dw > a[href$=".doc"]:hover:before,
li.list-dw > a[href$=".xls"]:hover:before,
li.list-dw > a[href$=".zip"]:hover:before {
	opacity: 0;
}

li.list-dw > a[href$=".ppt"]:after,
li.list-dw > a.pdf:after,
li.list-dw > a[href$=".doc"]:after,
li.list-dw > a[href$=".xls"]:after,
li.list-dw > a[href$=".zip"]:after {
	content: "Consulter.";
	position: absolute;
	top: 10px;
	left: 60px;
	color: #aaa;
}

/*liste partisan dans rubrique message*/
.name_tribu_faniry_js:after {
	background: none repeat scroll 0 0 transparent;
	/* bottom: 0; */
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	/* position: absolute; */
	background: #227bc9;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}

.name_tribu_faniry_js:hover:after {
	width: 100%;
	left: 0;
}

.name_tribu_faniry_js.active:after {
	width: 100%;
	left: 0;
}

/*end*/

.multiselect {
	width: 28em;
	height: 15em;
	border: solid 1px #c0c0c0;
	-moz-box-shadow: inset 0 0 10px #c0c0c0;
	-webkit-box-shadow: inset 0 0 10px #c0c0c0;
	box-shadow: inset 0 0 10px #c0c0c0;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

.multiselect label {
	display: block;
	text-indent: -1.2em;
	padding: 0.2em 0 0.2em 1.2em;
}

.multiselect-on {
	color: #ffffff;
	background-color: #0e8eff;
}

.multiselect-blurred {
	background: lightgray;
}

/**** drop & input csv news letter *****/
.drop_zone {
	position: relative;
	margin-left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 20px;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: "Quicksand", sans-serif;
	font-weight: 500;
	font-size: 14pt;
	cursor: pointer;
	color: #cccccc;
	border: 2px dashed #009578;
	border-radius: 10px;
}

.drop-zone-input {
	display: none;
}

.drop-zone__thumb_letter {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: #cccccc;
	background-size: cover;
	position: relative;
}

.icon-close-csv {
	position: absolute;
	right: -20px;
	top: -10px;
	z-index: 1;
}

.drop-zone__thumb_letter::after {
	content: attr(data-label);
	position: absolute;
	top: -17px;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	text-align: center;
}

.head-content img {
	height: 125px;
	margin: 10px;
	border-radius: 15px;
}

.photo-nom-tribu-g {
	background-color: #8888;
	width: 100%;
	margin-right: auto !important;
	margin-left: auto !important;
}

.new-letter-select {
	position: relative;
}

.new-letter-select .tooltip-new-letter {
	position: absolute;
	top: -30px;
	left: 50%;
	width: 290px;
	transform: translateX(-50%);
	background-color: #6e6e6e;
	color: #fff;
	padding: 6px 10px;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	font-size: 9pt;
	font-family: sans-serif;
	transition: all 0.3s ease;
}

.new-letter-select:hover .tooltip-new-letter {
	opacity: 1;
	visibility: visible;
	top: 20px;
}

.content-csv-letter {
	position: relative;
}

.qestion-csv-letter {
	position: absolute;
	right: 20px;
	top: 5px;
	color: #0d6efd;
	animation: heartbeat 1s infinite alternate;
}

@keyframes heartbeat {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/** Debut Pastille sur la carte*/
.td_pastille .other_nb_tribu {
	position: absolute;
	margin-left: 20px;
	color: red;
	margin-bottom: 20px;
	width: 25px;
	text-align: center;
	border-radius: 50%;
	background-color: white;
	cursor: pointer;
}

.other_nb_tribu:hover,
.icon_resto_legend:hover {
	transform: scale(1.2);
}

/** End Pastille sur la carte*/

/**new tribu G*/
.head-content img {
	height: 125px;
	margin: 10px;
	border-radius: 15px;
}

.photo-nom-tribu-g {
	background-color: #8888;
	width: 100%;
	margin-right: auto !important;
	margin-left: auto !important;
}

/**end new tribu g*/

.img50_50 {
	width: 50px;
	height: 50px;
}

.chargememt_modal_fullscreen {
	height: 76vh;
	width: 90vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fa_solid_edit_marche {
	font-size: 1.2rem;
	color: blue;
}

.head-list-onglet {
	background-color: #fff;
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	padding-left: 10px;
	z-index: 3;
}

.head-list-onglet .fa-people-line {
	font-size: 15pt;
}

.position-msg-onglet {
	right: 33% !important;
}

.content-entete-list-onglet {
	margin-left: 0 !important;
	width: 90%;
}

.search-message {
	margin-top: 60px !important;
	position: relative;
	z-index: 2;
}

.lookup_fan_result_bulle {
	margin-top: 100px !important;
}

.list-group-flush-bulle {
	margin-top: 100px;
}

.content-confid-tribu {
	background-color: #fff;
	box-shadow: 3px 2px 6px 2px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	padding: 15px;
}

/** Reponse avis by Elie*/

.profil_image_v2 {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

ul {
	margin-left: 20px;
}

.wtree {
	margin-top: 10px;
	margin-left: 10px;
}

.wtree {
	li {
		list-style-type: none;
		margin: 10px 0 10px 10px;
		border-radius: 5px;
		position: relative;

		&:before {
			content: "";
			position: absolute;
			top: -10px;
			left: -20px;
			border-left: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			width: 20px;
			height: 15px;
		}

		&:after {
			position: absolute;
			content: "";
			top: 5px;
			left: -20px;
			border-left: 1px solid #ddd;
			border-top: 1px solid #ddd;
			width: 20px;
			height: 100%;
		}

		&:last-child:after {
			display: none;
		}

		span {
			/* display:block;
      border: 1px solid #ddd;
      padding:10px;
      color:#888;
      text-decoration:none; */
		}
	}
}

.wtree {
	li {
		span {
			&:hover,
			&:focus {
				background: #eee;
				color: #000;
				border: 1px solid #aaa;

				& + ul {
					li {
						span {
							background: #eee;
							color: #000;
							border: 1px solid #aaa;
						}
					}
				}
			}

			&:hover + ul,
			&:focus + ul {
				li {
					&:after,
					&:before {
						border-color: #aaa;
					}
				}
			}
		}
	}
}

span.btn_event:hover {
	background: #eee;
	color: #000;
	border: 1px solid #aaa !important;
}

/** End Reponse avis*/

.content_global_super_admin .dataTables_wrapper {
	overflow-x: auto;
}

.dataTables_wrapper {
	overflow-x: auto;
}

.icon-connexion div {
	width: 70px;
}

.nav-super-admin {
	background-color: #ffffff;
	color: rgb(0, 0, 0);
}

.content-modal-body-marche {
	height: 430px;
	overflow-y: auto;
}

.content-bulle-nb {
	position: relative;
}

.bulle-nb-msg {
	position: absolute !important;
	top: 8px !important;
	right: 12px !important;
}

.content-modal-body-marche {
	height: 430px;
	overflow-y: auto;
}

.content-bulle-nb {
	position: relative;
}

.bulle-nb-msg {
	position: absolute !important;
	top: 8px !important;
	right: 12px !important;
}

.content-list-partison {
	width: 200px;
	max-height: 300px;
	background: #fff;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius: 11px;
	position: absolute;
	bottom: 290px;
	right: 85px;
	z-index: 1;
	overflow-y: auto;
}

.hiddenInput {
	position: absolute;
	top: -9999px;
}

.input-div-mesg {
	padding: 13px;
}

[contenteditable="true"]:empty:before {
	content: attr(data-placeholder);
	display: block;
	color: grey;
	pointer-events: none;
}

.bi-camera-fill-tribut {
	font-size: 20px;
	margin-top: 5px;
	margin-left: 15px;
	cursor: pointer;
	background-position: 0px -130px;
	background-size: auto;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	display: inline-block;
}

.label-bi-cam-t {
	margin-left: 50%;
	margin-top: 50%;
}

.collapse_list_child_tribu {
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
	padding-left: 10px;
}

.rotate_90 {
	transform: rotate(180deg);
}

/** SOndage */

.content-img-sondage {
	display: flex;
	max-width: 150px;
	overflow: hidden;
}

.pdp-sondage {
	width: 25px;
	height: 25px;
	clip-path: circle(40%);
	margin-right: -8px;
}

.count-sondage {
	width: 25px;
	height: 25px;
	/* clip-path: circle(40%); */
	margin-right: -8px;
	/* background-color: #e6e6e6; */

	position: absolute;
	left: 30px;
}

.span-sondage {
	font-size: 8pt;
	margin: auto auto;
	color: #0d6efd;
	position: absolute;
	top: 0px;
	margin-left: 5px;
}

.count-vos-sondage {
	width: 20px;
	height: 20px;
	clip-path: circle(40%);
	margin-right: -8px;
	background-color: #e6e6e6;
	position: absolute;
	left: 70px;
}

.legende {
	display: block;
	width: 20px;
	height: 20px;
	clip-path: circle(40%);
}

.legende-bleu {
	background-color: #0d6efd;
}

.legende-vert {
	background-color: #198754;
}

.content-modal-body-marche {
	height: 430px;
	overflow-y: auto;
}

.content-bulle-nb {
	position: relative;
	width: 50px;
}

.contet-input {
	position: relative;
}

.content-list-partison {
	width: 200px;
	max-height: 300px;
	background: #fff;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	border-radius: 11px;
	position: absolute;
	bottom: 75px;
	right: 85px;
	z-index: 1;
	overflow-y: auto;
	border: #858585 1px solid;
}

.hiddenInput {
	position: absolute;
	top: -9999px;
}

.input-div-mesg {
	padding: 13px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

[contenteditable="true"]:empty:before {
	content: attr(data-placeholder);
	display: block;
	color: grey;
	pointer-events: none;
}

.bi-camera-fill-tribut {
	font-size: 20px;
	margin-top: 5px;
	margin-left: 15px;
	cursor: pointer;
	background-position: 0px -130px;
	background-size: auto;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	display: inline-block;
}

.label-bi-cam-t {
	margin-left: 50%;
	margin-top: 50%;
}

.repondre-message {
	width: 14pt;
	height: 14pt;
}

.repondre-message:hover {
	width: 15pt;
	height: 15pt;
}

.repondre-message g {
	fill: #ccc;
}

.repondre-message g:hover {
	fill: #969696;
}

.p-title-reponse {
	font-size: 10pt;
}

.msg-title-reponse {
	font-size: 9pt;
}

.is-reponse-message {
	background: rgba(223, 223, 223, 0.5);
}

/** End Sondage */

/** BEGIN MARKETPLACE dans tribu T*/

.user-select-none {
	user-select: none;
}

a {
	text-decoration: none !important;
	color: unset;
}

.review-star {
	color: #fdcc0d;
	font-size: 13px;
}

/* ===========
Product Single Card - Start
============= */
.product-single-card {
	padding: 20px;
	border-radius: 5px;
	/* box-shadow: 1px 1px 15px #cccccc40; */
	transition: 0.5s ease-in;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/* background-color: red; */
}

.product-single-card:hover {
	-webkit-box-shadow: 1px 1px 28.5px -7px #d6d6d6;
	-moz-box-shadow: 1px 1px 28.5px -7px #d6d6d6;
	box-shadow: 1px 1px 28.5px -7px #d6d6d6;
}

.product-single-card .product-info {
	padding: 15px 0 0 0;
}

.product-single-card .product-top-area {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 5px;
}

.product-single-card .product-top-area .product-discount {
	position: absolute;
	top: 10px;
	left: 10px;
	color: white;
	border-radius: 50rem;
	padding: 0px 5px;
	box-shadow: 1px 1px 28.5px -7px #dddddd;
	user-select: none;
	z-index: 999;
	background-color: #dc3545;
	font-size: 11px;
}

.product-single-card .product-top-area .product-img {
	/* aspect-ratio: 1/1; */
	overflow: hidden;
}

.product-single-card .product-top-area .product-img .first-view {
	transition: 0.5s ease-in;
}

.product-single-card .product-top-area .product-img .hover-view {
	opacity: 0;
	transition: 0.5s ease-in;
}

.product-single-card .product-top-area:hover .product-img .first-view {
	/* opacity: 0; */
	/* width: 0;
  height: 0; */
	scale: 1.2;
}

.product-single-card .product-top-area:hover .product-img .hover-view {
	opacity: 100%;
	scale: 1.2;
}

.product-single-card .product-top-area .sideicons {
	position: absolute;
	right: 15px;
	display: grid;
	gap: 10px;
}

.product-single-card .product-top-area .sideicons .sideicons-btn {
	background-color: #fff;
	color: #000;
	border-radius: 50%;
	border: none;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transform: translateX(60px);
	transition: 0.3s ease-in;
	-webkit-box-shadow: 1px 1px 28.5px -7px #dddddd;
	-moz-box-shadow: 1px 1px 28.5px -7px #dddddd;
	box-shadow: 1px 1px 28.5px -7px #dddddd;
}

.product-single-card .product-top-area .sideicons .sideicons-btn:hover {
	color: #fff;
	background-color: #000;
}

.product-single-card .product-top-area .sideicons .sideicons-btn:nth-child(1) {
	transition-delay: 100ms;
}

.product-single-card .product-top-area .sideicons .sideicons-btn:nth-child(2) {
	transition-delay: 200ms;
}

.product-single-card .product-top-area .sideicons .sideicons-btn:nth-child(3) {
	transition-delay: 300ms;
}

.product-single-card .product-top-area .sideicons .sideicons-btn:nth-child(4) {
	transition-delay: 400ms;
}

.product-single-card .product-top-area:hover .sideicons .sideicons-btn {
	opacity: 100%;
	visibility: visible;
	transform: translateX(0);
}

.product-single-card .product-info .product-category {
	font-weight: 600;
	opacity: 60%;
}

.product-single-card .product-info .product-title {
	font-size: 16px;
	font-weight: 600;
}

.product-single-card .product-info .old-price,
.product-single-card .product-info .new-price {
	padding-right: 15px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
}

.product-single-card .product-info .old-price {
	text-decoration: line-through;
	opacity: 70%;
}

.img-fluid-cust {
	min-height: 150px !important;
	max-height: 150px !important;
	/* max-width: 100%; */
	object-fit: cover;
}

.review-count {
	font-weight: 400;
	margin-bottom: 2px;
	font-size: 12px !important;
	color: #000;
	opacity: 0.5;
}

.small-ratings i {
	color: #cecece;
}

.dropdown.dropdown-lg.market .dropdown-menu {
	margin-top: -1px;
	padding: 6px 20px;
	margin: 5px;
}

.dropdown.dropdown-lg.market {
	position: static !important;
}

.dropdown.dropdown-lg.market .dropdown-menu {
	min-width: 350px;
	border: 1px solid #1b5692;
}

.form-control.market {
	border: 1px solid #1b5692;
}

.input-group-btn .btn-group {
	display: flex !important;
}

.btn-group.market .btn {
	border-radius: 0;
	margin-left: -1px;
}

.btn-group.market .btn:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.btn-group.market .form-horizontal .btn[type="button"] {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.form-horizontal.market .form-group {
	margin-left: 0;
	margin-right: 0;
}

.form-group .form-control:last-child {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border: 1px solid #1b5692;
}

/** End MARKETPLACE*/

.card-couverture-pub-tribu-t-admin {
	background-color: #fff;
	border-radius: 5px;
}

.card-couverture-pub-tribu-t-admin .content-couverture {
	padding: 15px;
	background-color: #888;
	border-radius: 5px 5px 0 0;
}

/* Tooltip container */
.tooltipReponse {
	position: relative;
	display: inline-block;
	/* If you want dots under the hoverable text */
}

.tooltipReponse svg {
	border-bottom: 1px dotted black;
	/* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipReponse .tooltiptextReponse {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltipReponse .tooltiptextReponse::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipReponse:hover .tooltiptextReponse {
	visibility: visible;
	opacity: 1;
}

.card-couverture-pub-tribu-t-admin {
	background-color: #fff;
	border-radius: 5px;
}

.card-couverture-pub-tribu-t-admin .content-couverture {
	padding: 15px;
	background-color: #888;
	border-radius: 5px 5px 0 0;
}

/* .card-couverture-pub-tribu-t-admin .titre-tribu-t{
  color: #000;
} */

.arrow-anime {
	color: #0d6efd;
	animation: scale 2s ease-in infinite alternate;
}

@keyframes scale {
	0% {
		font-size: 8pt;
	}

	100% {
		font-size: 12pt;
	}
}

/** EMAIL CLIENT*/

/***mail envoié***/
.inbox {
	margin: auto;
}

.inbox-list {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.message-item {
	width: 100%;
	/* padding: 0.5rem 1rem; */
	margin-bottom: 0.5rem;
	cursor: pointer;
	position: relative;
	opacity: 1;
}

.message-item.unread {
	background: #ebf5fb;
	opacity: 1;
}

.message-item.unread:hover {
	opacity: 1;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
		rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.message-item:hover {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
		rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.message-item.unread .subject,
.message-item.unread .sender-name {
	color: #000;
	font-weight: bold;
}

.message-item.unread .subject,
.message-item.unread .sender-name {
	font-weight: 600;
}

.message-item:last-child {
	margin-bottom: 0;
}

.message-item .checkbox {
	position: absolute;
	top: 1.2rem;
}

.message-item header,
.message-item main {
	/* margin-left: 2rem; */
}

.message-item header {
	display: flex;
	justify-content: space-between;
	font-size: 1rem;
	color: #001e33;
}

.message-item .sender-info {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.message-item .from {
	font-size: 0.8rem;
}

.message-item .time {
	font-weight: normal;
	font-size: 0.8rem;
}

.message-item .content-message p {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.8rem;
	color: #7e93a4;
	margin-bottom: 0;
}

.message-item .content-message .icons i {
	margin-left: 10px;
}

.message-item .content-message .icons i:hover,
.all-action:hover {
	color: #ff0000;
	cursor: pointer;
}

.pagination li {
	color: #3056d3;
	float: left;
	margin: 0 5px;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color 0.5s;
	border: 1px solid #3056d3;
}

.pagination li.active {
	color: #fff;
	background-color: #3056d3;
	border: 1px solid #3056d3;
}

.pagination li:hover:not(.active) {
	background-color: #ebf5fb;
}

.container-search {
	margin-top: 20px;
	margin-bottom: 20px;
}

#submitsearch {
	border: 1px solid rgb(138, 134, 134);
	margin-left: -82px;
	padding: 5px;
	border-radius: 19px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 8px;
	padding-top: 4px;

	display: none;
	box-shadow: 0 0 1px black;
	margin-right: 110px;
}

.container-search > div > .search {
	width: 50%;

	/* border: 1px solid #000; */
	/* border-radius: 15px; */
	font-size: 16px;
	background-color: white;

	background-position: 10px 7px;
	background-repeat: no-repeat;
	padding: 8px 20px 8px 20px;
	-webkit-transition: width 0.8s ease-in-out;
	transition: width 0.8s ease-in-out;
	outline: none;
	opacity: 0.9;
}

.read-detail-mail-tomm-js {
	padding: 0.5rem 1rem;
}

.email-selected {
	color: #055160 !important;
	background-color: #cff4fc !important;
	border-left: 0.25rem solid #9eeaf9;
}

#faked {
	visibility: hidden;
}

/** END EMAIL CLIENT*/

.agenda-loading {
	position: absolute;
	top: 50%;
	left: 50%;
}

.end_of_list_publication {
	width: 100%;
	font-size: 0.8125rem;
	line-height: 1.4;
	background-color: white;
	border-radius: 0.5rem;
}

.content_chargement_pub_pagination {
	display: flex;
	height: 60px;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}

.chargement_pub_pagination {
	display: flex;
	gap: 0px;
}

.chargement_pub_pagination .word {
	display: inline-block;
	padding: 10px;
	color: white;
	font-size: 11px;
	padding: 2px 9px;
}

.loading-delete-avis {
	position: absolute;
	top: 30px;
	left: 40%;
}

.dropdown-menu-admin {
	left: -290px !important;
}

.avatar-soustribu {
	width: 40px;
	height: 40px;
	clip-path: circle(50%);
}

.tribu_list_active {
	/* border-radius: 20px; */
	/* border: 1px solid mediumspringgreen; */
	/* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
	/* box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
	/* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; */
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.tribu_list_active:hover {
	color: white;
	background: cornflowerblue;
	font-weight: 500;
	scale: 1.02;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.tribu_list_active a {
	/* border-bottom-right-radius: 20px;
  border-top-right-radius: 20px; */
}

.badge-sous-tribu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.clusterSearch {
	background-color: red !important;
}

.mycluster::after {
	content: "";
	position: absolute;
	bottom: -98%;
	left: 0%;
	margin-left: 1px;
	border-width: 18px;
	border-style: solid;
	border-color: #5050fc transparent transparent transparent;
	/* Couleurs de la flèche */
}

.custom-tooltip {
	background-color: white;
	border: none;
	padding: 10px;
	width: 300px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	pointer-events: auto;
	/* Assure que le tooltip est bien interactif */
}

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

.popup-content {
	/* padding: 10px; */
}

.popup-title {
	font-size: 16px;
	margin: 0;
}

.popup-subtitle {
	font-size: 13px;
	color: #6d6868;
	font-weight: bold;
}

.popup-rating {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin: 5px 0;
}

.leaflet-popup-content {
	max-width: 230px !important;
}

.popup-row {
	display: flex;
	justify-content: space-between;
	/* Espacement entre les éléments */
	gap: 15px;
	/* Optionnel : espacement horizontal entre les colonnes */
}

.popup-badges {
	display: flex;
	flex-direction: column;
	gap: 10px;
	/* Espacement vertical entre les rangées */
}

.leaflet-tooltip {
	padding: 10px;
	opacity: 1 !important;
	/* Force l'opacité à 1 pour éviter l'effet de transparence */
}

.leaflet-tooltip:hover {
	background-color: white;
	/* Empêche tout changement en hover */
}

.maksim-off {
	color: gray;
	/* Icône grisée quand OFF */
}

.maksim-custom {
	color: black;
	/* Icône normale quand ON */
}

.maksim-on-label {
	display: block;
	font-size: 10px;
	color: white;
	/* Couleur du texte ON */
	text-align: center;
	margin-top: 2px;
}

.leaflet-control-zoom-in.disabled,
.leaflet-control-zoom-out.disabled {
	color: grey;
	pointer-events: none;
	opacity: 0.5;
}

/** BEGIN DESIGN TRIBU T*/

.card-tribu {
	/* width: 400px; */
	border: 1px dashed cadetblue;
	border-radius: 10px;

	background-color: #fff;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom: none !important;
}

.stats {
	background: #f2f5f8 !important;

	color: #000 !important;
}

.articles {
	font-size: 10px;
	color: #a1aab9;
}

.number1 {
	font-weight: 500;
}

.followers {
	font-size: 10px;
	color: #a1aab9;
}

.number2 {
	font-weight: 500;
}

.rating {
	font-size: 10px;
	color: #a1aab9;
}

.number3 {
	font-weight: 500;
}

.content_right_actualite .card-couverture-pub-tribu-t {
	height: inherit !important;
}

.photo-tribu {
	border-radius: 0.25rem !important;
	height: 100%;
	max-width: 150px;
	max-height: 100px;
	min-height: 100px;
}

.profile-card {
	min-width: 150px;
	border-radius: 10px;
	overflow: hidden;
	/* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); */
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	position: relative;
}

.edit-icon {
	top: 5px;
	right: 5px;
	color: #7a7a7a;
	background-color: white;
	border-radius: 50%;
	padding: 2px 5px;
	cursor: pointer;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	transition: background-color 0.2s;
}

.edit-icon:hover {
	background-color: #eaeaea;
}

.file-input-tribu-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.fw-500 {
	font-weight: 500;
}

/** END DESIGN TRIBU T*/
.hidden-btn {
	visibility: hidden;
}

@media screen and (max-height: 650px) {
	.leaflet-right {
		margin-top: 60px !important;
	}
}

.onglet-visio-elie-js {
	min-width: 300px;
	width: 25%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.toastify-visio {
	/* width: 250px;
  position: absolute;
  z-index: 9999;
  background: white;
  padding: 0px 15px;
  left: 20px;
  bottom: 10px; */

	background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
	font-size: 0.9rem;
	width: 350px;
	max-width: 93vw;
	transform: translate(0px, 0px);
	bottom: 15px;
}

.count-sondages > button.btn-outline-danger {
	cursor: default !important;
}

.count-sondages > button.btn-outline-danger:hover {
	background-color: transparent !important;
	color: #dc3545 !important;
}

.dataTables_processing > div:nth-child(2) {
	display: none;
}

/** START NEW DESIGN POI*/

.marker-container {
	position: relative;
	display: inline-block;
}

/* Styles généraux */
.marker {
	position: relative;
	display: flex;
	justify-content: baseline;
	align-items: center;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	position: relative;
	width: 200px;
	font-family: Arial, sans-serif;
	z-index: 1000 !important;
}

/* Icône */
.icon {
	/* font-size: 20px; */
	/* margin-right: 10px; */
	height: 25px;
}

/* Note */
.rating {
	font-size: 12px;
	color: #333;
	margin-right: auto;
	/* font-style: italic; */
	margin-left: 10px;
	margin-right: 10px;
}

.star {
	color: #ffc107;
}

/* Statut */
.status {
	display: flex;
	align-items: center;
	margin-top: -25px;
}

/* Pastilles de couleur */
.dots {
	display: flex;
	justify-content: start;
	align-items: center;
	/* gap: 5px; */
	margin-right: 8px;
	padding: 0;
}

.dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #888;
	padding-top: 0;
	padding-bottom: 0;
}

.dot.red {
	background-color: red;
}

.dot.green {
	background-color: #2ecc71;
}

.dot.blue {
	background-color: #3498db;
}

.dot.orange {
	background-color: #ff7f00;
}

/* Texte de statut */
.text {
	font-size: 12px;
	color: #555;
}

.marker::after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 90px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #ffffff;
}

.marker::before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 90px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid rgba(0, 0, 0, 0.2);
	/* Couleur de l'ombre */
	filter: blur(4px);
	/* Flou pour imiter l'ombre */
	z-index: 0;
	/* Place l'ombre derrière la flèche */
}

/* .marker-arrow {
  content: "";
  position: absolute;
  bottom: -30px; /* Positionnement en bas de la bulle
  left: 9px;    /* Ajuste la position horizontale de la flèche
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  
  /* Border radius pour créer un coin courbé
  border-radius: 53% 0% 0% 100% / 0% 10% 81% 100%;
  /* transform: rotate(45deg); Ajuste l’angle si nécessaire pour orienter la flèche
  z-index: 0 !important;
} */

.leaflet-popup-content {
	text-align: center;
	margin: 0 !important;
	padding: 5px;
	font-size: 14px;
}

/* .leaflet-popup{
  opacity: 1;
  transform: translate3d(742px, 121px, 0px);
  bottom: 32px !important;
  left: -58px !important;
} */

.image_path_rubrique {
	max-width: 25px;
	height: 25px;
	clip-path: circle(50%);
}

.action-marker {
	/* position: absolute;
  top: 0px;
  left: 22px; */
	position: relative;
	margin-top: -32px;
	margin-left: 14px;
	padding-right: 5px;
}

.leaflet-marker-icon.mycluster {
	opacity: 1;
}

/* Animation du marqueur */
.leaflet-marker-icon.content_single_marker_poi_custom {
	opacity: 0;
	transform: scale(0);
	transition: opacity 1s ease-out, transform 0.5s ease-out;
}

/* Classe d'animation à ajouter après le délai */
.leaflet-marker-icon.animate {
	opacity: 1;
	transform: scale(1);
}

#modalPartageMessage {
	z-index: 1000000 !important;
}

.cursor_pointer {
	cursor: pointer;
}

#id_div_input_message {
	overflow-y: auto;
	/* Active le scroll vertical */
	word-wrap: break-word;
	/* Permet de couper les longs mots */
	white-space: pre-wrap;
	/* Garde les sauts de ligne */
	border: 1px solid #ccc;
	/* Ajoute une bordure */
	padding: 10px;
	border-radius: 5px;
	/* Coins arrondis pour un beau design */
}

.content_table_user_mention {
	position: absolute;
	bottom: 6vh;
}

.x_mark_image_inpload {
	background-color: black;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.content_state_edit_action {
	padding: 10px 0;
	position: absolute;
	bottom: 6vh;
	width: 100%;
}

.position_loading_message_edit {
	position: absolute;
	bottom: -20px;
	right: 0px;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.4) !important;
}

.spiderfy-polyline {
	stroke-dasharray: 10, 3;
	animation: dash 1s linear infinite;
}

@keyframes dash {
	from {
		stroke-dashoffset: 100;
	}

	to {
		stroke-dashoffset: 0;
	}
}

.pulse-marker {
	animation: pulse 1.5s infinite;
	filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.5));
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

/* Add this CSS for the cluster icon */
.cluster-icon {
	background: #1978c8;
	border: 2px solid #fff;
	border-radius: 50%;
	color: white;
	font-weight: bold;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: transform 0.2s ease;
}

.cluster-icon.pulsing {
	animation: pulse 1.5s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/** END NEW DESIGN POI*/

/** BEGIN PUBLICATION ANIMATIONS */

@keyframes borderPulseGreen {
	0% {
		box-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
	}

	50% {
		box-shadow: 0 0 15px rgba(0, 255, 0, 1);
	}

	100% {
		box-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
	}
}

.border-pulse-success {
	animation: borderPulseGreen 1s infinite alternate;
}

/** END PUB ANIMATION*/

.content_table_user_mention {
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
}

/**faniry modele email css */

/* Classe personnalisée pour le popover */
.beautifier-popover-faniry {
	max-width: 900px !important;
	/* Largeur maximale */
	min-width: 400px;
	/* Largeur minimale */
	min-height: 300px;
	/* Hauteur minimale */
	overflow-y: auto;
	/* Ajout d'une barre de défilement verticale si nécessaire */
}

/* Style pour agrandir le dropdown */
.custom-dropdown-faniry {
	min-width: 250px;
	/* Largeur minimale */
	max-width: 400px;
	/* Largeur maximale pour éviter qu'il soit trop large */
	padding: 1rem;
	/* Espacement intérieur pour l'aération */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	/* Ombre douce */
}

/* Ajuster les boutons à la largeur du dropdown */
.custom-dropdown-faniry .btn {
	width: 100%;
	/* Étendre les boutons pour utiliser toute la largeur */
	text-align: left;
	/* Aligner le texte à gauche */
}

.save-modele-faniry {
	border: 1px solid #6c757d;
	/* Couleur grise pour le contour */
	border-radius: 5px;
	/* Coins arrondis */
	padding: 0.5rem;
	/* Espacement intérieur */
	background-color: #f8f9fa;
	/* Couleur d'arrière-plan légère */
	text-align: center;
	/* Centrer le texte */
	transition: box-shadow 0.3s ease;
	color: #000 !important;
}

.save-modele-faniry:hover {
	color: #fff !important;
	background-color: #6c757d;
	/* Arrière-plan gris clair */
	cursor: pointer;
}

cropper-canvas {
	width: 100% !important;
	height: 500px !important;
	max-width: 100%;
	max-height: 100%;
}

cropper-image {
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
}

cropper-selection {
	width: 100% !important;
	height: 100% !important;
}

.heigth_right_iframe {
	min-height: calc(100vh - 65px);
	height: calc(100vh - 65px);
}

main {
	height: 100%;
	width: 100%;
}

.full_height_width {
	width: 100%;
	height: 100%;
}

#modele_container {
	height: 500px !important;
	overflow-y: scroll;
}

/**end faniry modele email css*/

/**Mise à jour de l'interface utilisateur (UI) :navBar TribuT @author antonius 18/02/2025 */
.anthonius-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	margin: auto;
}

/* Ajuster la taille du slider */
.slider-wrapper {
	flex-grow: 1;
	max-width: 80%;
}

/* Bouton "Voir tous" bien positionné */
.btn-voir-tous {
	/* padding: 5px;
  border-radius: 5px;
  text-decoration: none; */
	white-space: nowrap;
}

.nbr_comment_jheo_js,
.comment,
.like {
	cursor: pointer;
}

/* dot to alert the user of news in suivi des invitations  @author antonius 21/02/2025*/
/* .notif-badge {
  position: absolute;
  top: -3px;
  right: 0%;
  background-color: #f94449;
  font-size: xx-small;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 100px;
  width: 14px;
  height: 14px;
  display: inline-block;
} */
.notif-badge {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 14px;
	height: 14px;
	background-color: #ff3333;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 0;
	white-space: nowrap;
	padding: 0;
}

.notif-container:hover .notif-badge {
	width: auto;
	height: auto;
	padding: 3px 8px;
	border-radius: 8px;
	font-size: 10px;
	content: none;
}

#email-dot {
	width: 20px;
	height: 20px;
	background-color: transparent;
	position: absolute;
	top: -6px;
	right: -6px;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#email-dot::before {
	content: "\26A0";
	/* Unicode pour le symbole de warning ⚠ */
	font-size: 20px;
	color: #ff3333;
}

.notif-container:hover #email-dot {
	width: auto;
	height: auto;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 10px;
	background-color: #ff3333;
	color: white;
}

.notif-container:hover #email-dot::before {
	content: "Email non envoyé";
	font-size: 10px;
	color: white;
}

.custom-search-container {
	position: relative;
	display: flex;
	align-items: center;
	background: white;
	border: 1px solid black;
	border-radius: 10px;
	padding: 5px 10px;
	width: 39vw;
}

.custom-search-container .search-icon {
	position: absolute;
	left: 10px;
	font-size: 18px;
	color: purple;
}

.custom-search-input {
	width: 100% !important;
	border: none !important;
	padding: 10px 10px 10px 30px !important;
	outline: none !important;
	font-size: 16px !important;
	color: #333;
}

@media screen and (max-width: 1000px) {
	.custom-search-container {
		width: 85vw;
	}
}

.search-bar {
	display: flex;
	align-items: center;
	border: 1px solid gray;
	border-radius: 30px;
	overflow: hidden;
	width: 95%;
	margin: auto;
}

.search-bar .search-icon {
	padding: 10px;
	color: black;
}

.search-bar input {
	border: none;
	outline: none;
	flex: 1;
	padding: 10px;
}

.search-bar input:focus {
	outline: none;
	/* Removes the blue outline */
	box-shadow: none;
	/* Removes the blue glow effect */
	border: none;
	/* Optional: Ensures no border change */
}

.form-control:focus {
	/* box-shadow: none !important;
  border-color: transparent !important;
  outline: none !important; */
}

.search-bar .search-btn {
	background: #f8f9fa;
	border: none;
	padding: 10px 75px;
	border-left: 1px solid gray;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.search-btn::hover {
	background: rgb(110, 116, 121);
}

@media (min-width: 768px) {
	/* md = 768px */
	.w-md-75 {
		width: 75% !important;
	}
}

input.disabled {
	pointer-events: none;
}

.ts-control > input {
	font-size: 15px !important;
	padding: 5px 0px !important;
}

.toast-custom {
	--bs-toast-zindex: 1090;
	--bs-toast-padding-x: 0.75rem;
	--bs-toast-padding-y: 0.5rem;
	--bs-toast-spacing: 1.5rem;
	--bs-toast-max-width: 350px;
	--bs-toast-font-size: 0.875rem;
	--bs-toast-color: ;
	--bs-toast-bg: rgba(255, 255, 255, 0.85);
	--bs-toast-border-width: 1px;
	--bs-toast-border-color: var(--bs-border-color-translucent);
	--bs-toast-border-radius: 0.375rem;
	--bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-toast-header-color: #6c757d;
	--bs-toast-header-bg: rgba(255, 255, 255, 0.85);
	--bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
	width: var(--bs-toast-max-width);
	max-width: 100%;
	font-size: var(--bs-toast-font-size);
	color: var(--bs-toast-color);
	pointer-events: auto;
	background-color: var(--bs-toast-bg);
	background-clip: padding-box;
	border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
	box-shadow: var(--bs-toast-box-shadow);
	border-radius: var(--bs-toast-border-radius);
}

/* @media (min-width:1024px) {
  .auto-scroll {
    overflow-y: scroll;
  }
} */
.appel_choose {
	cursor: pointer;
	text-align: center;
}

.appel_choose:hover {
	scale: 1.2;
}

.appel_choose:nth-child(1):hover {
	color: #47cc00;
}

.appel_choose:nth-child(2):hover {
	color: #f00000;
}

.auto-scroll {
	max-height: 82vh;
	overflow-y: scroll !important;
	/* Toujours afficher la scrollbar verticale */
	scrollbar-width: thin;
	/* Affine la scrollbar pour un design plus léger */
	scrollbar-color: #888 #f1f1f1;
	/* Personnalisation des couleurs */
}

@media screen and (max-width: 1199px) {
	.auto-scroll {
		max-height: none !important;
		/* Supprime la hauteur maximale */
		overflow-y: visible !important;
		/* Désactive le défilement vertical */
		scrollbar-width: auto;
		/* Rétablit la largeur par défaut de la scrollbar */
		scrollbar-color: auto;
		/* Rétablit les couleurs par défaut de la scrollbar */
	}
}

/* Style pour Webkit (Chrome, Edge, Safari) */
.auto-scroll::-webkit-scrollbar {
	width: 8px;
}

.auto-scroll::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}

.auto-scroll::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.custom-modal-visio {
	background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
}

/* Dropdown positioning by Antonius */
/*.dropdown {
  position: relative !important;
}

.dropdown-toggle {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.dropdown-menu {
  top: 100% !important;
  margin-top: 0 !important;
  bottom: auto !important;
  transform: translateY(0) !important;
  left: auto !important;
  right: 0 !important;
  z-index: 1000 !important;
  border-radius: 8px !important;
}
*/
/* Stripe button styling */
.custom-stripe-button {
	background-color: white !important;
	/* Light gray */
	color: #333 !important;
	/* Dark text for contrast */
	padding: 8px 16px !important;
	border: none !important;
	margin-bottom: 0 !important;
	border-radius: 8px !important;
	/* Match the button’s border radius */
}

/** END GALLERIE By ELIE*/
.img-gallerie-elie {
	width: 100%;
	max-height: 400px !important;
}

.current-gallery-elie {
	border: 2px solid #00ff00 !important;
	scale: 1.2;
}

#modal-image {
	max-height: 400px !important;
	width: 100%;
	scale: 1.04;
}

/** END GALLERIE by ELIE*/
.bg-gratuit {
	background-color: #66bb6a !important;
	color: #ffffff !important;
}

.bg-payant {
	background-color: #f9a825 !important;
	color: #ffffff !important;
}

.bg-duedate {
	background-color: #ffffff !important;
	color: #ff0000 !important;
}

.trial-box {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background-color: #fdf8f3;
	border-radius: 12px;
	padding: 8px 14px;
	font-family: system-ui, sans-serif;
}

.payant-box {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background-color: #f2faf0;
	border-radius: 12px;
	padding: 8px 14px;
	font-family: system-ui, sans-serif;
}

.duedate-box {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background-color: #ff0505;
	/* background-color: #ffcccc; */
	border-radius: 12px;
	padding: 8px 14px;
	font-family: system-ui, sans-serif;
	color: white;
}

.icon {
	color: #f4a300;
	/* orange */
	font-size: 1.2rem;
}

.icon-duedate {
	color: #ffcccc;
	/* orange */
	font-size: 1.2rem;
}

.icon-payant {
	color: #31f400;
	/* vert */
	font-size: 1.2rem;
}

.text {
	font-weight: 600;
	color: #2c2c2c;
	font-size: 0.95rem;
}

.text-duedate {
	font-weight: 600;
	color: #f7f5f5;
	font-size: 0.95rem;
}

.div-area {
	/* border-top: 1px solid gray !important; */
	position: relative;
	/* margin-bottom: 20px; */
	font-style: italic;
	font-size: smaller;
}

.label-area {
	font-size: x-small;
	font-weight: bold;
	margin-bottom: 0;
}

.wiI7pd {
	line-height: 1.5;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	color: #1f1f1f;
}

/* rubriqueCMZ adapté svg a ma taille de son div container antonius */
.single_marker_poi svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/** create by@marc*/
.no-hover-annuler:hover {
	background-color: #bd1e2d !important;
	/* Rouge initial */
	border-color: #dc3545 !important;
	/* Bordure rouge initiale */
	color: white !important;
	/* Texte blanc initial */
}

.no-hover-voir:hover {
	background-color: #0e54bb !important;
	/* Bleu initial */
	border-color: #0d6efd !important;
	/* Bordure bleue initiale */
	color: white !important;
	/* Texte blanc initial */
}

@media (min-width: 768px) {
	.modal-content-avis {
		max-height: 100% !important;
	}
}

@media (max-width: 768px) {
	#staticBackdrop,
	#modalAvis {
		z-index: 10001 !important;
	}
}

/*marc model mail .css*/
.custom-dropdown-faniry {
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 1rem;
	width: 280px;
}

.template-list-container {
	max-height: 400px;
	overflow-y: auto;
	margin-bottom: 1rem;
}

.btn-load-more {
	width: 100%;
	padding: 0.5rem;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	color: #6c757d;
	border-radius: 4px;
	transition: all 0.2s ease;
}

.btn-load-more:hover {
	background: #e9ecef;
	color: #495057;
}

.model-fa {
	width: 100%;
	text-align: left;
	padding: 0.5rem 1rem;
	border: 1px solid #e9ecef;
	border-radius: 4px;
	margin-bottom: 0.5rem;
	transition: all 0.2s ease;
	--bs-btn-hover-color: #000;
}

.model-fa:hover {
	background: #f8f9fa;
	border-color: #dee2e6;
}

.h6.text-uppercase {
	color: #6c757d;
	font-size: 0.9rem;
}

.popover-faniry {
	min-width: 10px;
	min-height: 20px;
}

.button-model {
	width: 100% !important;
	transform: translateX(15px);
}

.custom-dropdown-faniry .btn {
	margin-left: 10px;
}

.delete-model {
	margin-bottom: 0.5rem !important;
}

@media screen and (max-height: 768px) {
	.template-list-container {
		max-height: 200px !important;
	}
}

@media screen and (max-width: 768px) {
	.envoie-mail-agenda {
		padding: 5px !important;
	}
}

@media screen and (min-width: 2000px) and (max-width: 3839px) {
	.partage-event {
		display: flex;
		justify-content: center;
		/* horizontal */
		align-items: center;
	}

	.partage-event-tabl-ma {
		width: 65vw;
	}

	.agenda-non-inscrit {
		transform: translateX(10vw);
	}

	.navbar-partage-event {
		margin-top: 20px;
	}
}

.content_chat_map {
	display: block;
	width: 150px;
	z-index: 1111;
	position: sticky;
	top: 93vh;
	left: 90vw;
}

.chat_map {
	background-color: transparent;
}

/*marc*/
.bouton-connexion-ma {
	color: #ffff;
	padding: 9px 16px !important;
	/*margin-right: 11.5rem !important;*/
	background-color: #dc3545 !important;
	/* Nouvelle couleur verte */
	border-color: white;
	border-radius: 10px !important;
}

.bouton-connexion-ma:hover {
	background-color: #e5081d !important;
	/* Couleur au survol */
	border-color: white;
}

.bouton-deconnexion-ma {
	color: #ffff;
	padding: 9px 16px !important;
	/*margin-right: 11.5rem !important;*/
	background-color: #4caf50 !important;
	/* Nouvelle couleur verte */
	border-color: #bbf31c !important;
	border-radius: 10px !important;
}

.bouton-deconnexion-ma:hover {
	background-color: #549d3a !important;
	/* Couleur au survol */
	border-color: #bbf31c !important;
}

.generate-IA:hover {
	background: linear-gradient(135deg, #8e44ad, #4a90e2) !important;
	transform: scale(1.05);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1683) {
	.generate-IA {
		padding: 1px 13px !important;
		border-radius: 8px !important;
		font-size: 12px !important;
	}
}

@media screen and (min-width: 280px) and (max-width: 988px) {
	.Date {
		display: none !important;
	}
}

@media (max-width: 11680px) {
	.text-1636px {
		font-size: 0.8522rem !important;
	}
}

@media (max-width: 11680px) {
	.bouton-deconnexion-ma,
	.bouton-connexion-ma {
		padding: 0.25rem 0.5rem !important;
	}
}

/**map controll uniformed btns antonius */
.btn_controll_on_map {
	width: 2.5rem !important;
	height: 2.5rem !important;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f9fa;
	border-radius: 0.25rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	cursor: pointer;
	transition: background-color 0.2s, box-shadow 0.2s;
}

.btn_control_on_map_active {
	background-color: blue;
	color: white;
}

.btn_controll_on_map:hover {
	background-color: #e2e6ea;
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.right_control_jheo_js {
	width: 2.5rem !important;
	height: 2.5rem !important;
}

/* Mise à jour Note By Elie*/

.note_avis_jheo_js {
	width: 100%;
	min-height: 80px;
	max-height: 300px;
	/* limite raisonnable */
	overflow: hidden;
	resize: none;
	/* line-height: 1.4; */
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	/* font-size: 14px; */
	box-sizing: border-box;
}

.audio_recorder_faniry_js,
.video_recorder_nanta_js {
	border: 1px solid #ccc !important;
}

.ifPIob {
	color: #1f1f1f;
	/* font-size: 1.375rem !important; */
	font-weight: 400;
	letter-spacing: 0rem;
	line-height: 1.75rem;
}

.fontBodyMedium {
	/* font-size: 0.875rem !important; */
	font-weight: 400;
	letter-spacing: 0.00625rem;
	line-height: 1.25rem;
}

.content_detail_resp_nanta {
	z-index: 9999 !important;
}

/* End Note */

.leaflet-control-attribution .leaflet-control {
	position: fixed !important;
	bottom: 0 !important;
	right: 0 !important;
	z-index: 10000 !important;
}

.text-gradient-ma {
	background: linear-gradient(45deg, #00c9ff, #92fe9d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bg-gradient-success-ma {
	background: linear-gradient(60deg, #28a745, #218838);
}

.bg-gradient-primary-ma {
	background: linear-gradient(60deg, #007bff, #0056b3);
}

.my-custom-pagination .pagination li {
	padding: 1px 1px;
	border: 0 !important;
}

.search-input-custom::placeholder {
	color: #6c757d !important;
}

.search-input-custom {
	background-image: url("data:image/svg + xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-search-icon%20lucide-search%22%3E%3Cpath%20d%3D%22m21%2021-4.34-4.34%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3C%2Fsvg%3E") !important;
	background-repeat: no-repeat;
	background-position: 8px center;
	padding-left: 35px;
	background-size: 24px 24px;
}

.bg-viticulteur {
	background-color: #42f56f !important;
	color: #fff !important;
}

.bg-caviste {
	background-color: #f029cf !important;
	color: #fff !important;
}

.custom-pagination-product li.active {
	background-color: #0d6efd;
	border: none !important;
}

.custom-pagination-product li {
	border: none !important;
}

.modal {
	z-index: 10000 !important;
}

.green_color_fa_solid {
	color: green;
	font-size: x-large;
}

.red_color_fa_solid {
	color: red !important;
	font-size: xx-large;
}

@container container_rightPanel (max-width:760px) {
	.abonnement_ma {
		display: flex !important;
		flex-direction: column !important;
		align-items: center;
		/* optionnel : aligner à gauche */
		gap: 5px;
		/* optionnel : espacement entre les enfants */
	}
}

.disabled-link {
	pointer-events: none;
}

/**INTERFACE POI*/
/* ====== CMZ Detail – Light UI ====== */
.cmzux-surface {
	/* background: #f9f9fb; */
	color: #222;
}

.cmzux-card {
	border: 1px solid #e2e6ea;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	margin-bottom: 1.5rem;
}

.cmzux-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
	border-color: #d0d7de;
}

.cmzux-card .cmzux-card-header {
	border-bottom: 1px solid #eee;
	padding: 0.75rem 1rem 1rem;
}

.cmzux-title {
	font-weight: 800;
	line-height: 1.25;
	margin: 0;
	font-size: clamp(1.25rem, 1.1rem + 1vw, 2rem);
	color: #111;
}

.cmzux-meta {
	font-size: 0.9rem;
	color: #555;
}

.cmzux-address {
	margin: 0.4rem 0 0;
	font-size: 0.95rem;
}

.cmzux-address a {
	color: #0077cc;
	text-decoration: none;
}

.cmzux-address a:hover {
	text-decoration: underline;
}

.cmzux-stars .fa-star {
	font-size: 1.05rem;
	margin: 0 0.08rem;
	color: #bbb;
	transition: transform 0.15s ease;
}

.cmzux-stars .fa-star.checked {
	color: #f5d165;
	text-shadow: 0 0 4px rgba(245, 209, 101, 0.35);
}

.cmzux-stars .fa-star:hover {
	transform: scale(1.06);
}

.cmzux-badges .badge {
	padding: 0.45rem 0.6rem;
	border-radius: 999px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.cmzux-chip {
	background: #f0f2f6;
	color: #333;
}

.cmzux-actions {
	gap: 0.5rem;
	flex-wrap: wrap;
}

.cmzux-actions .btn {
	border-radius: 8px !important;
	padding: 0.4rem 0.75rem;
	line-height: 1.1;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.cmzux-actions .btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.cmzux-actions .btn-primary {
	background: #4a90e2;
	border: none;
}

.cmzux-actions .btn-success {
	background: #28a745;
	border: none;
}

.cmzux-tribu .logo_tribu_pastille {
	width: 38px;
	height: 38px;
	border-radius: 8px;
	border: 1px solid #e2e6ea;
	background: #fff;
	object-fit: cover;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.cmzux-tribu .logo_tribu_pastille:hover {
	transform: translateY(-2px) scale(1.04);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.cmzux-icons .fa-search-elie {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	padding: 6px;
	background: #fff;
	border: 1px solid #0d6efd;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.cmzux-icons .fa-search-elie:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	border: 1px solid #09ff00;
}

.cmzux-gallery {
	border-radius: 12px;
	border: 1px solid #ddd;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.cmzux-gallery .preview-photo-detail {
	width: 100%;
	max-height: 360px;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.cmzux-gallery:hover .preview-photo-detail {
	transform: scale(1.02);
}

.cmzux-gallery .all-photos-detail {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.cmzux-gallery:hover .all-photos-detail {
	opacity: 1;
}

.cmzux-gallery .nombre-photo-detail {
	font-weight: 700;
	background: #fff;
	padding: 0.3rem 0.6rem;
	border-radius: 999px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.cmzux-section-title {
	font-weight: 600;
	color: #222;
}

.cmzux-divider {
	border-top: 1px solid #cacad1;
	margin: 0.9rem 0;
}

.cmzux-input label {
	color: #333;
}

.cmzux-input .input_black {
	background: #fff;
	border: 1px solid #ccc;
	color: #222;
	border-radius: 8px;
	padding: 0.5rem 0.7rem;
}

.cmzux-input .input_black:focus {
	border-color: #4a90e2;
	box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.2);
}

.cmzux-ia button.generate-IA {
	background: linear-gradient(135deg, #4a90e2, #8e44ad);
	border: none;
	color: #fff;
}

/* Styles Horaires */
.hours-card {
	--bg: #ffffff;
	--fg: #1f2937;
	--muted: #6b7280;
	--border: #e5e7eb;
	--accent: #0ea5e9;
	max-width: 520px;
	background: var(--bg);
	color: var(--fg);
	border: 1px solid var(--border);
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
	font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.hours-row {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 12px;
	align-items: center;
	padding: 10px 12px;
	border-radius: 10px;
}

.hours-row:not(.header):hover {
	background: #f9fafb;
}

.header {
	background: linear-gradient(180deg, #f5f9ff, #eef6ff);
	border: 1px solid #e6efff;
	font-weight: 600;
}

.col-day {
	font-weight: 600;
}

.col-time {
	justify-self: end;
	font-variant-numeric: tabular-nums;
}

.closed {
	color: var(--muted);
	background: #f3f4f6;
	padding: 4px 10px;
	border-radius: 999px;
	font-weight: 600;
	justify-self: start;
}

@media (max-width: 420px) {
	.hours-row {
		grid-template-columns: 72px 1fr;
		gap: 8px;
	}

	.col-time {
		justify-self: start;
	}
}

.hours-row[data-today="true"] {
	background: #e5ffe8;
	outline: 2px solid #82f59b;
	font-weight: 600;
}

.feature-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0;
	margin: 0.25rem 0 0;
	list-style: none;
}

.feature-badge {
	--bg: #f3f4f6;
	/* fond par défaut */
	--fg: #111827;
	/* texte par défaut */
	--bd: #e5e7eb;
	/* bordure par défaut */

	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.7rem;
	background: var(--bg);
	color: var(--fg);
	border: 1px solid var(--bd);
	border-radius: 999px;
	font: 600 12px/1.1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	white-space: nowrap;
}

.feature-ico {
	font-size: 14px;
	line-height: 1;
}

/* Effet hover léger */
.feature-badge:hover {
	filter: brightness(0.98);
}

/* Exemples de thèmes par fonctionnalité (via data-attribute) */
.feature-badge[data-feature="Reservations"] {
	--bg: #eef2ff;
	--fg: #3730a3;
	--bd: #c7d2fe;
}

.feature-badge[data-feature="Acces personnes handicapees"] {
	--bg: #ecfeff;
	--fg: #155e75;
	--bd: #a5f3fc;
}

.feature-badge[data-feature="Sert de l'alcool"] {
	--bg: #fff7ed;
	--fg: #9a3412;
	--bd: #fed7aa;
}

.feature-badge[data-feature="Service de table"] {
	--bg: #f0fdf4;
	--fg: #166534;
	--bd: #bbf7d0;
}

.link-card {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.25rem 0.9rem;
	border-radius: 8px;
	background: #10b981;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	transition: 0.2s;
}

.link-card:hover {
	background: #059669;
	text-decoration: none;
}

.icon {
	font-size: 1.2rem;
}

.info-box {
	position: relative;
	border: 1px solid #0077cc;
	/* bleu */
	border-radius: 10px;
	padding: 22px 22px 18px;
	background: #fff;
	font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	overflow-x: unset !important;
	overflow-y: unset !important;
}

.info-header {
	position: absolute;
	top: -12px;
	/* “posé” sur la bordure */
	left: 14px;
	background: #fff;
	/* masque la bordure derrière le titre */
	padding: 0 10px;
	color: #0077cc;
	font-weight: 600;
	font-size: large;
}

.info-header::before {
	left: 0;
}

.info-header::after {
	right: 0;
}

.info-body {
	padding: 1rem;
}

.info-body p {
	margin: 0.25rem 0;
	font-size: 0.9rem;
}

.info-body a {
	color: white;
	font-weight: 600;
	text-decoration: none;
}

.info-body a:hover {
	text-decoration: underline;
}

/**END INTERFACE POI**/

.maintenance-alert {
	background-color: #fff1c7;
	color: #b0831f;
	border: 2px solid #b0831f;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
	padding: 10px 20px;
	max-width: 600px;
	margin: 20px auto;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	z-index: 1000000;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 7%;
}