.time-line-grid-20fr-1fr{
    
   grid-template-columns: 1fr 20fr 1fr;
  grid-auto-rows: 1fr;
} 

.horizontal-origin-dest-line-black {
  border:none;
  border-top:2px dashed #929DA8;
  height:2px;
  min-width: 40px;
  width: 100%;
}

.horizontal-origin-dest-line-full-black {
  border:none;
  border-top: 2px solid #DF0024;
  height:2px;
  min-width: 40px;
  width: 100%;
}

.time-line-grid-20fr-1fr{
    
   grid-template-columns: 1fr 20fr 1fr;
  grid-auto-rows: 1fr;
} 

.time-line-grid{
     display: grid;
}

.time-line-grid-first-step{ 
    display: grid;
   grid-template-columns: 4fr;
  grid-template-rows: 1fr;
}

.time-line-grid-second-step{ 
display: grid;
   grid-template-columns: 1fr 3fr;
  grid-template-rows: 1fr;
}

.time-line-grid-third-step{ 
display: grid;
   grid-template-columns: 2fr 2fr;
  grid-template-rows: 1fr;
}

.time-line-grid-fourth-step{ 
display: grid;
   grid-template-columns: 3fr 1fr;
  grid-template-rows: 1fr;
}

.time-line-grid-fifth-step{ 
display: grid;
   grid-template-columns: 4fr;
  grid-template-rows: 1fr;
}

.margin-top-negative-xxs{
margin-top: -3px;
}

.image-arrow-left-min-width{
    min-width: 24px;
    min-height: 24px;
    cursor: pointer;
}

.image-end-timeline-min-width{
    min-width: 9px;
    min-height: 9px;
}

.max-width-max-height-24{
    max-width: 24px;
    max-height: 24px;
}

.margin-left-negative-ss{
    margin-left: -12px;
}

.margin-right-negative-ss{
    margin-left: -3px;
}

.margin-05{
    margin-bottom: 0.5px;
}