/* _content/Kerialis.Extranet.Front/Views/MesDemandes/DemandeComponent.razor.rz.scp.css */
.date[b-60e3py3g9b] {
  text-align: center;
}

.date[b-60e3py3g9b], .titre[b-60e3py3g9b] {
  font-weight: 700;
  align-content: center;
}
/* _content/Kerialis.Extranet.Front/Views/Shared/Components/Form/ÉtapesFormulaire.razor.rz.scp.css */
.barre-étapes[b-qpxm8gqpre] {
  --couleur-courante: var(--couleur-primaire);
  --couleur-future: #ededed;
  --couleur-passée: #4a4c53;

  font-weight: 600;
  color: #a1a1a1;
  font-size: 14px;
  margin: 0 0 60px;
  text-align: center;
  text-transform: uppercase;
  display: flex;

  @media (min-width: 992px) {
    font-size: 18px;[b-qpxm8gqpre]
  }

  .étape {
    display: grid;
    grid-template-columns: 1fr 40px 1fr;
    grid-row-gap: 10px;
    align-items: center;
    flex-grow: 1;

    [class^="étape-barre-"] {
      height: 5px;
      width: 100%;
      background-color: var(--couleur-future);
    }

    .étape-numéro[b-qpxm8gqpre] {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      font-size: 22px;
      background-color: var(--couleur-future);
      color: #a1a1a1;
      align-content: center;
    }

    &.courante[b-qpxm8gqpre] {
      .étape-barre-avant, .étape-numéro {
        background-color: var(--couleur-courante);
        color: #fff;
      }

      .étape-description[b-qpxm8gqpre] {
        color: var(--couleur-courante);
      }
    }

    &.passée[b-qpxm8gqpre] {
      .étape-numéro {
        background-color: var(--couleur-passée);
        color: #fff;
      }

      .étape-description[b-qpxm8gqpre] {
        color: var(--couleur-passée);
      }

      [class^="étape-barre-"][b-qpxm8gqpre] {
        background-color: var(--couleur-courante);
      }
    }

    .étape-description[b-qpxm8gqpre] {
      grid-column: span 3;
    }
  }
}