.timeline {display: flex; align-items: center; justify-content: space-between; position: relative; margin: 0;}
.timeline .timeline-step { position: relative; text-align: center; flex: 1; z-index: 2;}
.timeline .timeline-dot {width: 12px; height: 12px; border-radius: 50%; margin: 0 auto; position: relative; z-index: 3; border: 3px solid var(--espediter-component-dark); background-color: #fff;}
/*.timeline .timeline-step.completed .timeline-dot {user-select: none; margin: 0px; text-decoration: none; display:inline-block; width: 18px; height: 18px; background-size:100%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDcwIEw1MCAxMDAgTDExMCAzMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA4MDAwIiBzdHJva2Utd2lkdGg9IjE0Ii8+PC9zdmc+)}*/
.timeline .timeline-step.completed .timeline-dot {border-color: var(--espediter-success); /*background-color: #28a745; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDcwIEw1MCAxMDAgTDExMCAzMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA4MDAwIiBzdHJva2Utd2lkdGg9IjE0Ii8+PC9zdmc+)*/}
.timeline .timeline-step.current   .timeline-dot {border-color: var(--espediter-primary-blue)}
.timeline .timeline-step.danger    .timeline-dot {border-color: var(--espediter-error); }

.timeline .timeline-label {font-size: 12px; font-weight: 600;}

.timeline .timeline-date { font-size: 10px; color: #6c757d; }