/* 
 * Leaflet List Markers v0.1.0 - 2017-11-26 
 * 
 * Copyright 2017 Stefano Cudini 
 * stefano.cudini@gmail.com 
 * https://opengeo.tech/ 
 * 
 * Licensed under the MIT license. 
 * 
 * Demo: 
 * https://opengeo.tech/maps/leaflet-list-markers/ 
 * 
 * Source: 
 * git@github.com:stefanocudini/leaflet-list-markers.git 
 * 
 */

.leaflet-container .list-markers{position:relative;float:left;color:#1978cf;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:rgba(255,255,255,.4);z-index:1000;box-shadow:0 1px 7px rgba(0,0,0,.65);margin-left:10px;margin-top:10px;min-width:26px;min-height:26px}.leaflet-control.list-markers .list-markers-toggle{display:none}.leaflet-control.list-markers.list-markers-collapsed .list-markers-toggle{display:block}.list-markers-ul{list-style:none;padding:0;margin:0}.list-markers-li{padding:0;margin:0;clear:both;border-bottom:1px solid #666}.list-markers-li:first-child{border:0}.list-markers-li img{float:left;width:12px;height:20px;margin-right:4px}.list-markers-li b{float:right}.list-markers-li span{float:left}.list-markers-li a{display:block;float:left;line-height:20px;width:120px;overflow:hidden;margin:1px;padding:2px 4px;border-radius:4px;font-size:14px;color:#666;text-decoration:none}.list-markers-li a:hover{color:#0078A8;text-decoration:none;background-color:rgba(255,255,255,.8)}.leaflet-control.list-markers .list-markers-ul{display:block}.leaflet-control.list-markers.list-markers-collapsed .list-markers-ul{display:none}.list-markers .list-markers-toggle{display:block;float:left;width:26px;height:26px;background:url(../images/list-icon.png) no-repeat 2px 2px;border-radius:4px}.list-markers .list-markers-toggle.active:hover,.list-markers .list-markers-toggle:hover{background:url(../images/list-icon.png) no-repeat 2px -24px #fff}.list-markers .list-markers-toggle.active{background:url(../images/list-icon.png) no-repeat 2px -50px #fff}

/* ============================================
   CARDMAP — Composant complet
   ============================================ */

.cardmap {
  position: relative;
  background: #ffffff;
  border-radius: 0.5rem;            /* rounded-lg */
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  overflow: hidden;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

/* Divider horizontal entre sections */
.cardmap > * + * {
  border-top: 1px solid #e5e7eb;    /* gray-200 */
}

/* --------------------------------------------
   HEADER : nom + badge + avatar
   -------------------------------------------- */

.cardmap .cm-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;                  /* p-6 */
  gap: 1.5rem;                      /* space-x-6 */
}

.cardmap .cm-info {
  flex: 1 1 0%;
  min-width: 0;
}

.cardmap .cm-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;                     /* space-x-3 */
}

.cardmap .cm-name {
  font-size: 0.875rem;              /* text-sm */
  font-weight: 500;                 /* font-medium */
  color: #111827;                   /* text-gray-900 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cardmap .cm-title {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #6b7280;                   /* gray-500 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Badge (ex : AMA) */
.cardmap .cm-badge {
  display: inline-flex;
  align-items: center;
  background: rgb(136, 123, 103);              /* secondary */
  color: #fff;
	line-height:16px;
  font-size: 0.75rem;
  font-weight: 500;
  padding:2px 6px;       /* py-0.5 px-1.5 */
  border-radius: 9999px;
  box-shadow: inset 0 0 0 1px rgb(136, 123, 103);
}

/* Avatar */
.cardmap .cm-avatar {
  height: 2.5rem;                   /* h-10 */
  width: 2.5rem;                    /* w-10 */
  border-radius: 9999px;
  flex-shrink: 0;
  background: #d1d5db;              /* gray-300 */
}

/* --------------------------------------------
   LISTE DES COORDONNÉES
   -------------------------------------------- */

.cardmap .cm-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.cardmap .cm-list li + li {
  border-top: 1px solid #f3f4f6;    /* gray-100 */
}

.cardmap .cm-item {
  display: flex;
  align-items: center;
  height: 3rem;                     /* h-12 */
  padding-left: 1rem;               /* pl-4 */
  padding-right: 1.25rem;           /* pr-5 */
  font-size: 0.875rem;              /* text-sm */
  line-height: 1.5rem;              /* leading-6 */
}

/* Icon + texte */
.cardmap .cm-item-icon {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
  gap: 0.5rem;                      /* gap-2 */
}

.cardmap .cm-icon-link {
  color: #9ca3af;                   /* gray-400 */
  transition: color 0.2s;
}

.cardmap .cm-icon-link:hover {
  color: #6b7280;                   /* gray-500 */
}

.cardmap .cm-icon {
  height: 1.25rem;                  /* h-5 */
  width: 1.25rem;                   /* w-5 */
  flex-shrink: 0;
}

.cardmap .cm-text {
  font-weight: 500;
  color: #4b5563;                   /* gray-600 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul#members-list {
    list-style: none;
}
ul#members-list > li {
    margin: 16px 8px;
 }

ul#members-list > li.highlight {
    margin: 16px 8px;
    border: 2px solid red;
    -webkit-box-shadow: -2px 13px 6px -2px rgba(0, 0, 0, 0.22);
    box-shadow: -2px 13px 6px -2px rgba(0, 0, 0, 0.22);

}

ul#members-list svg , .leafext-search-container svg{
    font-size: 14px;
    width: 16px;
    margin-right: 8px;color:rgb(156, 163, 175);
}

.leaflet-map
 {
    border-radius: 20px;
    border: 2px solid #9ABEF8;
    margin-top: 20px;
}

.select2-container--default .select2-selection--single{height:36px}
.leafext-search-container input[type=text], select, .span.select2-selection__placeholder, .select2-container--default .select2-selection--single {
 height:36px!important; border-radius:5px!important; padding-left: 30px;
}

.select2-container.select2-container--open .select2-dropdown--below { border-color: grey; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

div#membres-container {
    max-height: 900px;
    overflow: auto;
}

.jet-listing-grid__items
 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px!important;
    width: calc(100% - 20px)!important;
}
/*.e-con-inner{background:#F9FAFB; padding:10px}*/

.iconperson{ position: absolute; height: 36px;  width: 30px;  padding: 2px 8px; 
    line-height: 36px;}
.leafext-search-container.jet-listing-grid__items {padding:0}
.sortbtn, .sortbtn:hover {
    height: 36px;  margin: auto; border-color: grey;  color: grey;background:#fff; position : absolute; right:0; top:0;
}
.memberfilter {position: relative}

.cm-item-langs > svg {filter: grayscale(100%); opacity: 0.3;}

@media (max-width: 960px) {
    .leafext-search-container .jet-listing-grid__items > .jet-listing-grid__item {
        width: 100%;
        flex: inherit;
		max-width: inherit;}
}

.slidergridsearch .jet-listing-grid__slider-icon.slick-arrow.prev-arrow { top: -30px; right: 65px; left:inherit }
.slidergridsearch .jet-listing-grid__slider-icon.slick-arrow.next-arrow { top: -30px; right: 0px; left:inherit }

.slidergridsearch .jet-listing-grid__slider-icon.slick-arrow {background:#fff; color:#000000; border:1px solid #000 ; border-radius:5px}
.slidergridsearch .jet-listing-grid__slider-icon.slick-arrow svg {height:18px}

.slidergridsearch  .jet-listing-grid__item {
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
}