:root{
    --vert-dotelec: #338477;
}

::selection{
    color: white;
    background-color: var(--vert-dotelec);
}

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

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

.cursor-pointer{
    cursor: pointer;
}

.color-black{
    color: black !important;
}

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

.bouton-onglet-etat-actif{
    background-color: var(--vert-dotelec) !important;
    color: white !important;
}



/* Scrollbar custom pour les incrustations spécifiques */

  /* Demonstrate a "mostly customized" scrollbar
   * (won't be visible otherwise if width/height is specified) */
  .scrollbar-personnalisee ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent; /* or add it to the track */
  }
  /* Add a thumb */
  .scrollbar-personnalisee ::-webkit-scrollbar-thumb {
    background: #8f8f8f;
    border-radius: 3px;
  }

/* FIN section ScrollBar spécifique */






/* ------- Début - Traçage Arborescence pour champ ARBRE ------- */
.div-branches{
    position: relative;
}

.div-branches .trait:last-child{
    position: absolute;
    content: " ";
    height: calc(100% + 4px - 20px);
    border-left: 1px solid grey;
    top: -2px;
    /* left: 34px; */
    width: 6px;
}

.div-contenu-branche:before{
    content: ' ';
    position: absolute;
    width: 1px;
    height: 100%;
    border-left: 1px solid grey;
    left: var(--data-traitVerical-X);
    height: calc(100% + 4px - 20px);
    top: -2px;
}

.div-contenu-branche.derniere-branche::after{
    content: ' ';
    position: absolute;
    width: 1px;
    height: 100%;
    border-left: 1px solid white;
    left: var(--data-traitVerical-X-parent);
    height: calc(100% - 14px);
    top: 14px;
}

.branche{
    position: relative;
    height: 100%
}

.branche.milieu:before, .branche.fin:before{
    position: absolute;
    content: " ";
    height: calc(50% + 2px);
    top: -2px;
    border-left: 1px solid grey;
    border-bottom: 1px solid grey;
    border-radius: 0 0 0 3px;
    /* left: calc(100% - 24px); */
    /* left: calc(100% - 20.55px); */
    left: var(--data-traitVerical-X);
    width: 4px;
}
.branche.milieu:after{
    position: absolute;
    content: " ";
    height: calc(50% + 6px);
    border-left: 1px solid grey;
    top: calc(50% - 4px);
    left: calc(100% - 6px);
    width: 6px;
}
/* -------  Fin - Traçage Arborescence pour champ ARBRE  ------- */







/* Bouton pour dévoiler la recherche avancée */

.bouton-recherche-avancee{
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.bouton-recherche-avancee::before, .bouton-recherche-avancee::after{
    content: ' ';
    width: 16px;
    height: 16px;
    mask-image: url(/DOTELECV10_WEB/Icones/BoutonsAction/chevron_bas.svg);
    background-color: var(--vert-dotelec);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: all 0.25s ease;
}

.bouton-recherche-avancee.active::before{
    transform: rotate(-180deg)
}

.bouton-recherche-avancee.active::after{
    transform: rotate(180deg)
}

/* FIN section - recherche avancée */





/* DEBUT - Style pour le survol d'une zone de DragAndDrop */

.zone-de-drop/*::before*/{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(1px);
}

.zone-de-drop::after{
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 20px;
    border: 4px dashed grey;
    box-sizing: border-box;
    border-radius: 15px;

    /* texte */
    content: ' ';
    /* content: 'Déposez votre fichier ici'; */
    line-height: 320px;
    text-align: center;
    font-family: Roboto, Arial, sans-serif;

    /*icon*/
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00NjAtNDM3djE2Ny43NjlxMCA4LjUzOSA1LjczMSAxNC4yNyA1LjczIDUuNzMxIDE0LjI2OSA1LjczMXQxNC4yNjktNS43MzFxNS43MzEtNS43MzEgNS43MzEtMTQuMjdWLTQzN2w2OS44NDYgNjkuODQ2cTIuOTIzIDIuOTIzIDYuNTc3IDQuMzg1IDMuNjU0IDEuNDYyIDcuMzA4IDEuMzQ2IDMuNjU0LS4xMTUgNy41NzctMS41NzcgMy45MjMtMS40NjEgNi44NDYtNC4zODQgNi4zODUtNi42MTYgNi41LTE0LjE1NC4xMTUtNy41MzktNi41LTE0LjE1NGwtOTUuNTM5LTk1LjUzOXEtNS4yMy01LjIzMS0xMC42OTItNy4zNDYtNS40NjEtMi4xMTUtMTEuOTIzLTIuMTE1dC0xMS45MjMgMi4xMTVxLTUuNDYyIDIuMTE1LTEwLjY5MiA3LjM0NmwtOTUuNTM5IDk1LjUzOXEtNS44NDYgNS44NDYtNi4xMTUgMTMuNzY5LS4yNyA3LjkyMyA2LjM0NiAxNC41MzkgNi42MTUgNi4zODQgMTQuMTU0IDYuNSA3LjUzOC4xMTUgMTQuMTU0LTYuNUw0NjAtNDM3Wk0yNjQuNjE1LTEyMFEyMzctMTIwIDIxOC41LTEzOC41IDIwMC0xNTcgMjAwLTE4NC42MTV2LTU5MC43N1EyMDAtODAzIDIxOC41LTgyMS41IDIzNy04NDAgMjY0LjYxNS04NDBoMjg4LjUzOXExMi45MjMgMCAyNS4xMTUgNS4yMzEgMTIuMTkyIDUuMjMgMjAuODg1IDEzLjkyM2wxNDEuNjkyIDE0MS42OTJxOC42OTMgOC42OTMgMTMuOTIzIDIwLjg4NVE3NjAtNjQ2LjA3NyA3NjAtNjMzLjE1NHY0NDguNTM5UTc2MC0xNTcgNzQxLjUtMTM4LjUgNzIzLTEyMCA2OTUuMzg1LTEyMGgtNDMwLjc3Wk01NjAtNjcyLjMwN1YtODAwSDI2NC42MTVxLTkuMjMgMC0xNi45MjMgNy42OTJRMjQwLTc4NC42MTUgMjQwLTc3NS4zODV2NTkwLjc3cTAgOS4yMyA3LjY5MiAxNi45MjNRMjU1LjM4NS0xNjAgMjY0LjYxNS0xNjBoNDMwLjc3cTkuMjMgMCAxNi45MjMtNy42OTJRNzIwLTE3NS4zODUgNzIwLTE4NC42MTVWLTY0MEg1OTIuMzA3cS0xMy45MjMgMC0yMy4xMTUtOS4xOTJRNTYwLTY1OC4zODQgNTYwLTY3Mi4zMDdaTTI0MC04MDB2MTYwLTE2MCA2NDAtNjQwWiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center;
    /* background-position: center calc(50% - 30px); */
    background-size: 100px
}

/*  FIN  - Style pour le survol d'une zone de DragAndDrop */






/* DÉBUT AFFICHAE ZR Délibérations  */
.ZR_Deroule{
	border-bottom-right-radius : 0px !important;
	border-bottom-left-radius: 0px !important;

}


.ZR_Select{
	background-color: rgba(51, 132, 119, 0.20);
}

.ZR_Select:hover{
	background-color: rgba(51, 132, 119, 0.20) !important;
}

input:checked {
  background-color: #338477;
}

.elipse-texte {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limite à 2 lignes */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.elipse-texte-1ligne {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Limite à 2 lignes */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  margin-top:2px;
}

/* FIN AFFICHAGE ZR Délibérations  */