/**
 *
 * STYLES COOPILOT VERSION FANCY 
 * 
 * utilisé principalement dans la section user
 *
 *
 */

 /**
 *
 * ! Barre de progression speciale USER
 * 
 */
 .itemprev { 
  position: absolute; 
  left:24px; 
  top:-5px; 
  /* z-index:10000;  */
} 
 .itemnext { 
  position: absolute; 
  right:24px; 
  top:-5px; 
  /* z-index:10000;   */
} 
.progression, .progression-blank {
  list-style-type: none;
  /* z-index: 1000; */
  position: relative;
  display: flex;
  width: 100%;
  margin: 5px 0; padding: 0;
}
.progression-blank li.item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.progression li.item, 
.progression-blank li.item {
  float: left;
  position: relative;
  text-align: center;
  /* z-index: 1000; */
  width: 100%;
}
/* point */
.progression li.item:before {
  content: '';
  display: flex;
  margin: 0 auto;
  width: 12px;
  height: 12px;
  background: var(--bs-secondary);
  background: var(--bs-dark);
  border-radius: 100%;
  color: black;
}
/* barre */
.progression li.item:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 50%;
  width: 100%;
  transition: width 1s ease-in;
  height: 4px;
  background: var(--bs-secondary);
  background: var(--bs-dark);
  z-index: -1;
}
.progression li.itemfin:after {
  content: none;
}
.progression li.complete:after {
  background: black;
  animation: nextStep 1s;
  animation-fill-mode: forwards;
}
.progression li.complete:before {
  background: black;
  color: black
}
.progression li.active,
.progression-blank li.active {
  font-weight: bold;
}
.progression li.active:before {
  background: black;
  color: black;
  border: 2px solid black;
  animation: pulse 2s infinite;
}
.progression li.todo:before {
  background: white;
  color: white;
  border: 1px solid black;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,0,0, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(0,0,0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0,0,0, 0); }
}



/* NAVBAR */
#coopilot-navbar-fancy .navbar-brand {
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 2.25rem;
}
#coopilot-navbar-fancy.bs_navbar {
  padding: 30px;
}

/* BOUTONS */
a.btn-lg { padding-left: 35px; padding-right: 35px; font-weight: bold;}
.bs_bouton { border-radius: 25px; }
.btn.disabled { border-color: transparent !important; }

/* FORMULAIRES */
.bs_form_input { border-radius: 25px; border-color: black;  }
.ak_estrequis input { border-width: 1px; border-color: black; }
.ak_estoptionnel input { border-width: 1px; border-color: lightgray; }
.labelxl label.bs_form_label { font-size: 1.5em; font-weight: bold; }

/* CARDS */
.wo-matrice .card { border-radius: 25px; }