.ngx-timeline-item {
  display: flex;
}

.ngx-timeline-item .timeline {
  max-width: fit-content;
}

.ngx-timeline-item .ngx-timeline-item-content {
  padding-left: 1rem;
  padding-bottom: 1rem;
}

.ngx-timeline-item .ngx-timeline-item-tail {
  height: calc(100% - 1rem);
  width: 0px;
  border-right: 1px solid #d5d5d5;
  margin-left: auto;
  margin-right: auto;
}

.ngx-timeline-item .ngx-timeline-arrow {
  border-top: 7px solid #d5d5d5;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0px;
}

.ngx-timeline-item .ngx-timeline-end {
  width: 12px;
  border-top: 1px solid #d5d5d5;
}

.ngx-timeline-item .ngx-timeline-item-head {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}

.ngx-timeline-item .ngx-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff;
}

.ngx-timeline-item .ngx-timeline-item-head-red {
  color: #ff4d4f;
  border-color: #ff4d4f;
}

.ngx-timeline-item .ngx-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}

.ngx-timeline-item .ngx-timeline-item-head-gray {
  color: #00000040;
  border-color: #00000040;
}

.ngx-timeline-item .ngx-timeline-item-head-grey {
  color: #808080;
  border-color: #808080;
}