@charset "UTF-8";
/* Constantes */
:root {
  --CdsColorActionNeutralInactive: $CdsColorActionNeutralInactive; }

/*=============================================>>>>>
= /!\ WARNING /!\ = /!\ ATTENTION /!\    
===============================================>>>>>*/
/**
  * WARNING : DO NOT MODIFY CSS THIS FILE
  *
  * CSS GENERATED WITH SCSS !
  *
  * DO NOT MODIFY CSS THIS FILE
  *
  * MODIFY ONLY CORRESPONDING SCSS FILE !!!
  *
  * ATTENTION : NE PAS MODIFIER CE FICHIER CSS
  *
  * CSS GÉNÉRÉ AVEC DE L' SCSS
  *
  * NE PAS MODIFIER CE FICHIER CSS
  *
  * MODIFIER UNIQUEMENT FICHIER SCSS CORRESPONDANT !!!
  *
  *
  *
  *
  * WARNING : DO NOT MODIFY CSS THIS FILE
  *
  * CSS GENERATED WITH SCSS !
  *
  * DO NOT MODIFY CSS THIS FILE
  *
  * MODIFY ONLY CORRESPONDING SCSS FILE !!!
  *
  * ATTENTION : NE PAS MODIFIER CE FICHIER CSS
  *
  * CSS GÉNÉRÉ AVEC DE L' SCSS
  *
  * NE PAS MODIFIER CE FICHIER CSS
  *
  * MODIFIER UNIQUEMENT FICHIER SCSS CORRESPONDANT !!!
  *
  */
/*= End of /!\ WARNING /!\ = /!\ ATTENTION /!\    */
/*=============================================<<<<<*/
.detail_suivi_infos_remittance {
  margin: 24px 0px; }
  .detail_suivi_infos_remittance .table {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .detail_suivi_infos_remittance .table .row {
      display: flex;
      padding: 0 16px;
      min-height: 28px; }
      .detail_suivi_infos_remittance .table .row.row-dashed {
        margin-top: 2px; }
      .detail_suivi_infos_remittance .table .row.select-row {
        outline: 1px solid #0046FE;
        outline-offset: -1px;
        background-color: #FFF;
        border-radius: 8px; }
      .detail_suivi_infos_remittance .table .row .separator {
        border-right: 1px solid #DDD;
        padding: 16px 0;
        height: 100%;
        box-sizing: border-box; }
      .detail_suivi_infos_remittance .table .row .cell {
        display: flex;
        align-items: center; }
        .detail_suivi_infos_remittance .table .row .cell:not(:first-child) {
          padding: 16px;
          border-bottom: 1px solid #DDD;
          justify-content: space-between;
          gap: 16px; }
        .detail_suivi_infos_remittance .table .row .cell:first-child {
          width: 32px;
          display: flex;
          flex-direction: column;
          align-items: center; }
          .detail_suivi_infos_remittance .table .row .cell:first-child .line-up, .detail_suivi_infos_remittance .table .row .cell:first-child .line-bottom {
            z-index: 1;
            flex-grow: 1;
            display: flex;
            justify-content: center; }
            .detail_suivi_infos_remittance .table .row .cell:first-child .line-up .line, .detail_suivi_infos_remittance .table .row .cell:first-child .line-bottom .line {
              height: 100%;
              width: 0;
              border-width: 0 2px; }
              .detail_suivi_infos_remittance .table .row .cell:first-child .line-up .line.line-dashed, .detail_suivi_infos_remittance .table .row .cell:first-child .line-bottom .line.line-dashed {
                border-style: dashed; }
              .detail_suivi_infos_remittance .table .row .cell:first-child .line-up .line.line-solid, .detail_suivi_infos_remittance .table .row .cell:first-child .line-bottom .line.line-solid {
                border-style: solid; }
              .detail_suivi_infos_remittance .table .row .cell:first-child .line-up .line.line-app-color, .detail_suivi_infos_remittance .table .row .cell:first-child .line-bottom .line.line-app-color {
                color: #0046FE; }
              .detail_suivi_infos_remittance .table .row .cell:first-child .line-up .line.line-grey-color, .detail_suivi_infos_remittance .table .row .cell:first-child .line-bottom .line.line-grey-color {
                color: #E0E0E0; }
          .detail_suivi_infos_remittance .table .row .cell:first-child .line-icon {
            z-index: 2;
            height: 0;
            display: flex;
            justify-content: center;
            align-items: center; }
            .detail_suivi_infos_remittance .table .row .cell:first-child .line-icon span {
              background-color: #FAFAFA; }
              .detail_suivi_infos_remittance .table .row .cell:first-child .line-icon span.icon-app-color {
                color: #0046FE; }
              .detail_suivi_infos_remittance .table .row .cell:first-child .line-icon span.icon-grey-color {
                color: #E0E0E0; }
        .detail_suivi_infos_remittance .table .row .cell.align-items-center {
          align-items: center; }
        .detail_suivi_infos_remittance .table .row .cell.cell-step-infos {
          flex: 1; }
          .detail_suivi_infos_remittance .table .row .cell.cell-step-infos div * {
            border-bottom: 4px solid transparent; }
            .detail_suivi_infos_remittance .table .row .cell.cell-step-infos div * ul {
              /*=============================================>>>>>
                                SOLUTION TEMPORAIRE (A REFACTORISER)
                                DU AU FAIT que 8_barre_navigation.scss n'existe pas
                                un padding 0 etait present dans barre_navigation.scss
                            ===============================================>>>>>*/
              margin: 0;
              padding: 0;
              border-top: 4px solid transparent; }
        .detail_suivi_infos_remittance .table .row .cell.cell-step-time {
          min-width: 400px;
          display: flex;
          justify-content: flex-start; }
          .detail_suivi_infos_remittance .table .row .cell.cell-step-time div {
            align-items: center;
            border-bottom: 4px solid transparent; }
        .detail_suivi_infos_remittance .table .row .cell.label-status-cell {
          min-width: 300px;
          font-size: 14px;
          text-transform: uppercase; }
        .detail_suivi_infos_remittance .table .row .cell ul {
          list-style-type: none; }
          .detail_suivi_infos_remittance .table .row .cell ul li {
            align-items: center; }
            .detail_suivi_infos_remittance .table .row .cell ul li[class^="step-"] {
              margin-left: 12px; }
              .detail_suivi_infos_remittance .table .row .cell ul li[class^="step-"] div {
                display: flex;
                border: none; }
        .detail_suivi_infos_remittance .table .row .cell span[class^="icon-"]::before {
          font-size: 16px !important; }
      .detail_suivi_infos_remittance .table .row:first-child:last-child .cell, .detail_suivi_infos_remittance .table .row:last-child:last-child .cell {
        border-bottom: none; }
      .detail_suivi_infos_remittance .table .row:first-child .line-icon span[class^="icon-"]::before, .detail_suivi_infos_remittance .table .row:last-child .line-icon span[class^="icon-"]::before {
        font-size: 20px !important; }
      .detail_suivi_infos_remittance .table .row.select-row .cell:first-child span[class^="icon-"]::before {
        font-size: 20px !important; }

/*# sourceMappingURL=13_metroline.css.map */