html,
body {
  height: 100%;
}

@font-face {
  font-family: "password";
  src: url("/fonts/2767b18dd6a611e3ce83d0bfe4729cb4.eot");
  src: url("/fonts/2767b18dd6a611e3ce83d0bfe4729cb4.eot?#iefix")format("embedded-opentype"),
  url("/fonts/2767b18dd6a611e3ce83d0bfe4729cb4.woff2")format("woff2"),
  url("/fonts/2767b18dd6a611e3ce83d0bfe4729cb4.woff")format("woff"),
  url("/fonts/2767b18dd6a611e3ce83d0bfe4729cb4.ttf")format("truetype"),
  url("/fonts/2767b18dd6a611e3ce83d0bfe4729cb4.svg#Password Dots Regular")format("svg");
}

.password{ font-family: password;}

.pointer{ cursor: pointer;}

#divlogin {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
    height: 100%;
  }


  #qrcodeautenticator{ max-width: 95%; max-height: 200px;}
  #code_sms{ width: 200px;}


  .list-group-sm a{ padding: .25rem 1rem;}


  .table-liste-etablissement .img-thumbnail{ max-height: 40px;}
  .table-liste-users .img-thumbnail{ max-height: 40px;}
  
  .icon-overlay-edit-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color:#f4f6f9;
      font-size: 3rem;
      opacity: 0;
      transition: opacity 0.3s ease;
      pointer-events: none;
      text-shadow:   rgba(0, 0, 0, 0.16) 0px 3px 4px;
   
  }

  .pointer_none{ pointer-events: none;}
  
  
  .user_groupe_etab_select .filter-option{ white-space:normal!important; min-height: 21px;}
    .SELECT_USER_SUPPLEANT .filter-option{ white-space:normal!important; min-height: 21px;}


  .overlay-edit-image  img {
    transition: all 0.3s ease;
  }

  .overlay-edit-image{
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .overlay-edit-image:hover .icon-overlay-edit-image  {
      opacity: 1;
  }

  .overlay-edit-image:hover  img {
    filter: brightness(0.9); /* Assombrit l'image à 50% */
    opacity : 0.7

  }


  .form-signin {
    width: 100%;
    max-width: 420px;
    padding: 15px;
    margin: auto;
  }
  
   .form-label-group {
    position: relative;
    margin-bottom: 1rem;
  }
  
  .form-label-group > input,
   .form-label-group > label {
    height: 3.125rem;
    padding: .75rem;
  }
  
   .form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    color: #495057;
    pointer-events: none;
    cursor: text; /* Match the input under the label */
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
  }
  
  
  .form-label-group input::-webkit-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input:-ms-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input::-ms-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input::-moz-placeholder {
    color: transparent;
  }
  
  .form-label-group input::placeholder {
    color: transparent;
  }
  
  .form-label-group input:not(:placeholder-shown) {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
  }
  
  .form-label-group input:not(:placeholder-shown) ~ label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 12px;
    color: #777;
  }
  
 
  .feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
  }


  .content-scroll{ overflow-y: scroll; padding-top: 10px; overflow-x: hidden; position: relative;}

  #form_crise{ width: 750px; min-width: 0; max-width: 100%;}
  #form_action{ width: 750px; min-width: 0; max-width: 100%;}  


  .form_impromptu{  overflow-y: scroll; }
  #ACTION_DESCRIPTION{ min-height: 100px; }

  .nav-tabs.responsive {
    display: flex;
    flex-wrap: nowrap;
    z-index: -1;    
}

.nav-tabs .nav-item.responsive {
    flex: 0 1 auto; 
    min-width: 10px;  
}



.nav-tabs .nav-link.responsive {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px; 
    white-space: nowrap;
    display: block;
}

#myTabModule { z-index: 40; position: relative; border-bottom: 0px !important;}
#myTabModule   button { border: 1 px solid  #dfe0e2;; margin-left:-1px}

#myTabCours { z-index: 40; position: relative; border-bottom: 0px !important;}
#myTabCours   button { border: 1 px solid  #dfe0e2;; margin-left:-1px}


#myTabContentModule .card:first-child {
    border-top-left-radius: 0;
}
#myTabContentModule{ z-index: 20; position: relative;}

.table-link tbody tr{ cursor: pointer;}

.tab-module{ margin-top: -1px  }


 
  .form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
  }
  
  .form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
  }

 
  .non_droit_crise{ opacity: 0.7 !important ;  filter: grayscale(100%);}

  .bg-Customlight{ background-color: bisque !important;}

  .crise_bloc_description{ max-height: 100px; overflow-y: scroll; }


  .table-suivis{ font-size: 13px;}
  .nowrap{ white-space: nowrap !important;}
  #crise{ background-color: #FFF ;}
  .crise_title_fullscreen{ display: none;}

  .btn-custom-tony{ border: 1px solid #ced4da; background-color: #FFF; margin-bottom: 0px;}

  .shadowSortable { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}

  .ui-state-highlight {
    border: 2px dashed #cccccc; /* Bordure en pointillé */
    height: 40px; /* Ajuster la hauteur selon tes besoins */
    background-color: #fefefe; /* Couleur de fond optionnelle */
  }


  .dataTables_scrollBody{ height: 100% !important; max-height: 3000px;}

  .criseFullSCreen{ padding: 20px;}
  .criseFullSCreen .crise_title_fullscreen{ display: block;}
 .criseFullSCreen .hidefullscreen{ display: none;}

 .hidefullscreen{ width: 80px;}

 .maxwidthligne{ max-width: 150px; min-width: 0px;}

  .form-control-selectpicker {
    display: block;
    width: 100%; /* Largeur complète */
    padding: 0.25rem 0.5rem; /* Padding interne plus petit */
    font-size: 0.875rem; /* Taille de police plus petite */
    line-height: 1.5; /* Hauteur de ligne */
    color: #495057; /* Couleur de la police */
    background-color: #fff; /* Couleur de fond */
    background-clip: padding-box; /* Limite du fond à la boîte de padding */
    border: 1px solid #ced4da; /* Bordure */
    border-radius: 0.2rem; /* Rayon de la bordure légèrement plus petit */
  
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Transition pour focus et hover */
  
    /* Pour les navigateurs qui supportent :focus-visible */
    &:focus {
      color: #495057;
      background-color: #fff;
      border-color: #80bdff;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
  }


   [contenteditable] {
      outline: 0;
    }

  .grow-wrap {
	/* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
	display: grid;
	 
	 
  }
  .grow-wrap::after { 
	/* Note the weird space! Needed to preventy jumpy behavior */
	content: attr(data-replicated-value) " ";
  
	/* This is how textarea text behaves */
	white-space: pre-wrap;
  
	/* Hidden from view, clicks, and screen readers */
	visibility: hidden;
  }
  .grow-wrap > textarea {
	/* You could leave this, but after a user resizes, then it ruins the auto sizing */
	resize: none;
  
	/* Firefox shows scrollbar on growth, you can hide like this. */
	overflow: hidden;
  }


  #fil_ariane {    width: auto !important; min-width: 0 }

#fil_ariane .nav-item .nav-link{
	padding-right:0.2rem !important	 
}

#fil_ariane li:not(:nth-child(-1n+2))  {
	margin-left:10px;
	padding-left:10px;     
}
#fil_ariane li:not(:nth-child(-1n+2))::before {
    content: ">";
	position:absolute;
	margin-left:-10px;
	margin-top:8px;
	color: rgba(0, 0, 0, 0.7);
}
 
 .main-header   .nav-item:not(.nothide)   {
   
  white-space: nowrap;
  overflow: hidden ;  
  text-overflow: ellipsis ;
  min-width: 50px;
}
  
   
  .seocategorie{ display: none;}
 
  
  .grow-wrap > textarea,
  .grow-wrap::after {
	/* Identical styling required!! */
	
	padding: 0.5rem;
	border: 1px solid #dadee3;
  
	/* Place on top of each other */
	grid-area: 1 / 1 / 2 / 2;
  }

  .form-control-autoresize{ width: 100% ;  resize:none !important}

  .no-resize{ resize:none !important}  

 
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span:not(.glyphicon) {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    padding:4px 9px;
    text-decoration:none
}
.tree li.parent_li>span:not(.glyphicon) {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}



.treeviewDiv { height: calc(  100% - 100px  ) !important; overflow-y: scroll; padding-right: 20px; min-height: 50px;}
.treeviewDiv ul{ min-height: 20px;}
.treeviewDiv ul:first-child {  padding-left: 0px; }
.treeview li{  white-space: nowrap; position: relative;  }
.treeview a{ color: #212529;; }



.treeview .nested {  padding-left: 30px; }
.treeview .active-module{ background-color: #007bff !important; color: #FFF !important; }
.treeview .ineditor{ background-color: #f4f6f9; font-weight: bold;  }

.treeview-hover{ 
    display: inline-block; 
    height: 100%; 
    width: 100%;
    border-radius: 5px; 
    padding: 3px; 
    cursor: pointer; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;  
    white-space: nowrap;
    margin-top:-1px;
    margin-bottom:-1px
}
.treeview-hover .CAT_LIBELLE { 
     
    pointer-events: none; 
}

    .treeview-hover:not(.active-module):hover{ background-color: #f4f6f9 !important; } 
a.treeview-hover{ padding-left: 7px; }

.ul_categorie_folder.vide::after { 
    content: "Aucun document dans la rubrique";
    color: #888;
    font-style: italic;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 12px;
}

 

.treeviewDiv ul:not(:first-child)::before {
    content: "";
    border-left: 1px solid #ccc;  
    position: absolute;
    height: calc( 100% - 30px);
    top: 30px;
    left: 10px;  
}

.treeviewDiv ul:not(:first-child)  li::before {
    content: "";
    border-top: 1px solid #ccc; /* couleur de la barre horizontale */
    position: absolute;
    left: -20px; /* décalez légèrement à gauche pour connecter avec la barre verticale */
    right: 0;
    width: 15px ;
    top: 15px; /* positionne la barre au milieu du li */
}

#filtre_accueil_show{ display: none;}

.crise_bloc_nb_event{ position: absolute;   left: 100%; margin-left: -100px; margin-top: -10px !important;}
.crise_bloc_nb_participant{ position: absolute;   left: 100%; margin-left: -100px; margin-top: 10px !important;}
.del-tab-etab , .del-tab-user {
    margin-left:  10px;
}

.list-group-striped .list-group-item:nth-child(even) {
  background-color: #f8f9fa; /* Couleur de fond pour les éléments impairs */
}


.ul_liste_actions_admin{
  overflow-x: hidden;
  overflow-y: scroll;
}

.card-scrollable-crise{ overflow: hidden; overflow-y: scroll; overflow-x: hidden; padding-left: 2px; ; padding-right: 2px;}

 
@media (max-width: 768px) {


  .del-tab-etab , .del-tab-user {
     position:absolute; margin-top: -40px; ; margin-left:  15px;
  }

  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select:focus,
  textarea {
    font-size: 16px;
  }


  #filtre_accueil{ 
    position: absolute;
    box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
    width: 250px;    
    padding: 10px;
    background-color:#f4f6f9;
    border-radius: 7px;
    z-index: 600;
    left: 100%;
    top: 50px;     
    transition: all 0.3s ease;
    
  }
 
 
  .filtre_accueil_show{
      margin-left: -220px !important;
  }

  .filtre_accueil_hide{
    margin-left: 15px !important; 
  }

  #filtre_accueil_show{ 
    display: block !important;
    position: absolute;
    transform: rotate(-90deg);
    left: 0px;
    top: 0px;
    margin-left: -57px ;
    margin-top: 30px;
  }

}

.elfinder-navbar-root{ display: none !important;}
 

/*Profile Card 3*/
.profile-card-3 {
  font-family: "Open Sans", Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  text-align: center;
  height: 368px;
  border: none;
}



.profile-card-3 .background-block {
  float: left;
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.profile-card-3 .background-block .background {
  width: 100%;
  vertical-align: top;
  opacity: 0.9;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
  -webkit-transform: scale(1.8);
  transform: scale(2.8);
}

.profile-card-3 .card-content {
  width: 100%;
  padding: 15px 25px;
  color: #232323;
  float: left;
  background: #efefef;
  height: 60%;
  border-radius: 0 0 5px 5px;
  position: relative;
  z-index: 9999; 
}

.profile-card-3 .card-content::before {
  content: "";
  background: #efefef;
  width: 120%;
  height: 100%;
  left: 11px;
  bottom: 51px;
  position: absolute;
  z-index: -1;
  transform: rotate(-13deg);
}

.profile-card-3 .profile {
  border-radius: 50%;
  position: absolute;
  bottom: 60%;
  left: 50%;
  max-width: 100px;
  opacity: 1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 99999;
}

.profile-card-3 h2 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 25px;
}

.profile-card-3 h2 small {
  display: block;
  font-size: 15px;
  margin-top: 0px;
}

.profile-card-3 i {
  display: inline-block;
  font-size: 16px;
  color: #232323;
  text-align: center;
  border: 1px solid #232323;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin: 0 5px;
}

.profile-card-3 .icon-block {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.profile-card-3 .icon-block a {
  text-decoration: none;
}

.profile-card-3 i:hover {
  background-color: #232323;
  color: #fff;
  text-decoration: none;
}