/* timeline-point */
.timeline-point {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  list-style: none;
}

.timeline-point::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 1px;
  border: 0;
  border-left: 1px solid #d4d8dd;
  content: "";
}

.timeline-point .timeline-point-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.timeline-point .timeline-point-header > *:first-child {
  margin-right: 0.5rem;
}

.timeline-point .timeline-point-end-indicator {
  position: absolute;
  bottom: -1.35rem;
  left: -0.65rem;
}

.timeline-point .timeline-point-end-indicator i {
  font-size: 1.5rem;
  color: #d4d8dd;
}

.timeline-point .timeline-point-label {
  position: relative;
  z-index: 2;
  display: block;
  text-align: left;
  margin-left: -1.5rem;
  margin-bottom: 1rem;
}

.timeline-point.timeline-point-solid:before {
  border-style: solid;
}

.timeline-point.timeline-point-dotted:before {
  border-style: dotted;
}

.timeline-point.timeline-point-dashed:before {
  border-style: dashed;
}

.timeline-point.timeline-point-hidden:before {
  border-style: none;
}

.timeline-point .timeline-point-item {
  position: relative;
  padding-left: 2.3rem;
}

.timeline-point .timeline-point-item .timeline-point-event {
  position: relative;
  top: -1rem;
  width: 100%;
  min-height: 4rem;
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 1.25rem 1.5rem;
}

.timeline-point .timeline-point-item .timeline-point-event:before {
  position: absolute;
  top: 0.75rem;
  left: 32px;
  right: 100%;
  width: 0;
  height: 0;
  border-top: 1rem solid transparent;
  border-right: 1rem solid;
  border-left: 0 solid;
  border-bottom: 1rem solid transparent;
  border-left-color: #fff;
  border-right-color: #fff;
  margin-left: -3rem;
  content: "";
}

.timeline-point .timeline-point-item .timeline-point-event:after {
  position: absolute;
  top: 0.75rem;
  left: -17px;
  width: 0;
  height: 0;
  border-top: 1rem solid transparent;
  border-right: 1rem solid;
  border-left: 0 solid;
  border-bottom: 1rem solid transparent;
  border-left-color: #fff;
  border-right-color: #d4d8dd;
  z-index: -1;
}

.timeline-point
  .timeline-point-item
  .timeline-point-event.timeline-point-event-shadow {
  box-shadow: 0 0.5rem 1rem rgba(38, 60, 85, 0.075) !important;
}

.timeline-point
  .timeline-point-item
  .timeline-point-event
  .timeline-point-event-time {
  position: absolute;
  top: 1.2rem;
  font-size: 0.85rem;
  color: #a8b1bb;
}

.timeline-point .timeline-point-item .timeline-point-indicator {
  position: absolute;
  left: -0.6875rem;
  top: 0;
  z-index: 2;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #5a8dee;
  background-color: #f2f2f6 !important;
}

.timeline-point .timeline-point-item .timeline-point-indicator i {
  color: #5a8dee;
  /*font-size: .95rem;*/
  vertical-align: baseline;
}

.timeline-point .timeline-point-item .timeline-point-point {
  position: absolute;
  left: -0.3347rem; /*-0.312rem;*/
  top: 0;
  z-index: 2;
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%;
  background-color: #5a8dee;
}

.timeline-point
  .timeline-point-item.timeline-point-item-transparent
  .timeline-point-event {
  top: -1.4rem;
  background-color: transparent;
}

html:not([dir="rtl"])
  .timeline-point
  .timeline-point-item.timeline-point-item-transparent
  .timeline-point-event {
  padding-left: 0;
}

.timeline-point
  .timeline-point-item.timeline-point-item-transparent
  .timeline-point-event.timeline-point-event-shadow {
  padding-left: 2rem;
}

.timeline-point
  .timeline-point-item.timeline-point-item-transparent
  .timeline-point-event:before {
  display: none;
}

.timeline-point.timeline-point-center:before {
  left: 50%;
}

.timeline-point.timeline-point-center:after {
  left: 50%;
  margin-left: -0.55rem;
}

.timeline-point.timeline-point-center .timeline-point-end-indicator {
  bottom: -1.4rem;
  left: 50%;
  margin-left: 0.55rem;
}

.timeline-point.timeline-point-center .timeline-point-label {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: auto;
  clear: left;
}

.timeline-point.timeline-point-center
  .timeline-point-label
  + .timeline-point-item {
  margin-top: 2rem;
}

.timeline-point.timeline-point-center .timeline-point-item {
  width: 50%;
  clear: both;
}

.timeline-point.timeline-point-center
  .timeline-point-item.timeline-point-item-left,
.timeline-point.timeline-point-center
  .timeline-point-item:nth-of-type(odd):not(.timeline-point-item-left):not(
    .timeline-point-item-right
  ) {
  float: left;
  padding-left: 0;
  padding-right: 3rem;
}

.timeline-point.timeline-point-center
  .timeline-point-item.timeline-point-item-left
  .timeline-point-event
  .timeline-point-event-time,
.timeline-point.timeline-point-center
  .timeline-point-item:nth-of-type(odd):not(.timeline-point-item-left):not(
    .timeline-point-item-right
  )
  .timeline-point-event
  .timeline-point-event-time {
  right: -9.5rem;
}

.timeline-point.timeline-point-center
  .timeline-point-item.timeline-point-item-left
  .timeline-point-event:before,
.timeline-point.timeline-point-center
  .timeline-point-item:nth-of-type(odd):not(.timeline-point-item-left):not(
    .timeline-point-item-right
  )
  .timeline-point-event:before {
  right: -15px;
  left: auto;
  border-left-width: 16px;
  border-right-width: 0;
}

.timeline-point.timeline-point-center
  .timeline-point-item.timeline-point-item-left
  .timeline-point-point,
.timeline-point.timeline-point-center
  .timeline-point-item:nth-of-type(odd):not(.timeline-point-item-left):not(
    .timeline-point-item-right
  )
  .timeline-point-point {
  left: 100%;
}

.timeline-point.timeline-point-center
  .timeline-point-item.timeline-point-item-right,
.timeline-point.timeline-point-center
  .timeline-point-item:nth-of-type(even):not(.timeline-point-item-left):not(
    .timeline-point-item-right
  ) {
  float: right;
}

.timeline-point.timeline-point-center
  .timeline-point-item.timeline-point-item-right
  .timeline-point-event-time,
.timeline-point.timeline-point-center
  .timeline-point-item:nth-of-type(even):not(.timeline-point-item-left):not(
    .timeline-point-item-right
  )
  .timeline-point-event-time {
  left: -9.5rem;
}

.timeline-point.timeline-point-center
  .timeline-point-item.timeline-point-item-right
  .timeline-point-point,
.timeline-point.timeline-point-center
  .timeline-point-item:nth-of-type(even):not(.timeline-point-item-left):not(
    .timeline-point-item-right
  )
  .timeline-point-point {
  left: 0;
}

.timeline-point.timeline-point-center
  .timeline-point-item
  .timeline-point-point {
  left: 50%;
  margin-left: -0.6875rem;
}

.timeline-point.timeline-point-center
  .timeline-point-item
  .timeline-point-point-indicator {
  left: 50%;
  margin-left: -0.3125rem;
}

[dir="rtl"] .timeline-point:not(.timeline-point-center):before {
  right: -1px;
  left: auto;
}

[dir="rtl"] .timeline-point:not(.timeline-point-center):after {
  left: auto;
  margin-right: -0.65rem;
}

[dir="rtl"]
  .timeline-point:not(.timeline-point-center)
  .timeline-point-end-indicator {
  left: auto;
  right: -0.75rem;
}

[dir="rtl"] .timeline-point:not(.timeline-point-center) .timeline-point-label {
  text-align: right;
  margin-right: -1.5rem;
}

[dir="rtl"] .timeline-point:not(.timeline-point-center) .timeline-point-item {
  padding-left: 0;
  padding-right: 3rem;
}

[dir="rtl"]
  .timeline-point:not(.timeline-point-center)
  .timeline-point-item
  .timeline-point-event:before {
  right: -1rem;
  left: auto;
  border-left-width: 1rem;
  border-right-width: 0;
}

[dir="rtl"]
  .timeline-point:not(.timeline-point-center)
  .timeline-point-item.timeline-point-item-transparent
  .timeline-point-event {
  padding-right: 0;
}

[dir="rtl"]
  .timeline-point:not(.timeline-point-center)
  .timeline-point-item
  .timeline-point-point {
  right: -0.375rem;
  left: auto;
}

[dir="rtl"]
  .timeline-point:not(.timeline-point-center)
  .timeline-point-item
  .timeline-point-indicator {
  right: -0.75rem;
  left: auto;
}

@media (min-width: 768px) {
  .timeline-point.timeline-point-center
    .timeline-point-item.timeline-point-item-left
    .timeline-point-indicator,
  .timeline-point.timeline-point-center
    .timeline-point-item:nth-of-type(odd):not(.timeline-point-item-left):not(
      .timeline-point-item-right
    )
    .timeline-point-indicator {
    left: calc(100% - (1.5rem / 2));
  }

  .timeline-point.timeline-point-center
    .timeline-point-item.timeline-point-item-left
    .timeline-point-event:after,
  .timeline-point.timeline-point-center
    .timeline-point-item:nth-of-type(odd):not(.timeline-point-item-left):not(
      .timeline-point-item-right
    )
    .timeline-point-event:after {
    transform: rotate(180deg);
    right: -16px;
    left: auto;
  }
}

@media (max-width: 767.98px) {
  .timeline-point.timeline-point-center:before {
    left: 0;
  }

  .timeline-point.timeline-point-center:after {
    left: 0;
  }

  .timeline-point.timeline-point-center .timeline-point-end-indicator {
    left: -2px;
  }

  .timeline-point.timeline-point-center .timeline-point-label {
    text-align: left;
  }

  .timeline-point.timeline-point-center .timeline-point-item {
    float: left !important;
    width: 100%;
    padding-left: 3rem !important;
    padding-right: 0 !important;
  }

  .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-event:before {
    right: 100% !important;
    border-right-width: 1rem !important;
    border-left-width: 0 !important;
  }

  .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-event
    .timeline-point-event-time {
    top: -1.7rem;
    left: 0 !important;
    right: auto !important;
  }

  .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-point {
    left: -0.7rem !important;
    margin-left: 0 !important;
  }

  .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-point-indicator {
    left: 0 !important;
    margin-left: -0.3125rem !important;
  }

  [dir="rtl"] .timeline-point.timeline-point-center:before {
    left: auto;
    right: 0;
  }

  [dir="rtl"] .timeline-point.timeline-point-center:after {
    right: -0.55rem;
    left: auto;
  }

  [dir="rtl"]
    .timeline-point.timeline-point-center
    .timeline-point-end-indicator {
    left: auto;
    right: -12px;
  }

  [dir="rtl"] .timeline-point.timeline-point-center .timeline-point-label {
    text-align: right;
  }

  [dir="rtl"] .timeline-point.timeline-point-center .timeline-point-item {
    float: right !important;
    width: 100%;
    padding-right: 3rem !important;
    padding-left: 0 !important;
  }

  [dir="rtl"]
    .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-event:before {
    left: 100% !important;
    right: -1rem !important;
    border-left-width: 1rem !important;
    border-right-width: 0 !important;
  }

  [dir="rtl"]
    .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-event:after {
    transform: rotate(180deg);
    right: -17px;
    left: auto;
  }

  [dir="rtl"]
    .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-event
    .timeline-point-event-time {
    top: -1.2rem;
    right: 0 !important;
    left: auto !important;
  }

  [dir="rtl"]
    .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-point {
    right: -0.7rem !important;
    margin-right: 0 !important;
  }

  [dir="rtl"]
    .timeline-point.timeline-point-center
    .timeline-point-item
    .timeline-point-point-indicator {
    right: 0 !important;
    margin-right: -0.3125rem !important;
  }
}

@media (max-width: 767.98px) {
  [dir="rtl"] .timeline-point .timeline-point-item .timeline-point-indicator {
    left: auto;
    right: -0.6875rem;
  }
}

@media (max-width: 575.98px) {
  .timeline-point .timeline-point-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.timeline-point .timeline-point-point-primary {
  box-shadow: 0 0 0 0.1875rem var(--shadow-primary);
}

.timeline-point .timeline-point-item-primary .timeline-point-event {
  background-color: var(--bg-primary);
}

.timeline-point .timeline-point-item-primary .timeline-point-event:before {
  border-left-color: var(--border-primary) !important;
  border-right-color: var(--border-primary) !important;
}

.timeline-point .timeline-point-item-secondary .timeline-point-event {
  background-color: var(--bg-secondary);
}

.timeline-point .timeline-point-item-secondary .timeline-point-event:before {
  border-left-color: var(--border-secondary) !important;
  border-right-color: var(--border-secondary) !important;
}

.timeline-point .timeline-point-point-secondary {
  background-color: var(--color-secondary) !important;
  box-shadow: 0 0 0 0.1875rem;
}

.timeline-point .timeline-point-indicator-secondary {
  border-color: var(--color-secondary) !important;
}

.timeline-point .timeline-point-indicator-secondary i {
  color: var(--color-secondary) !important;
}

.timeline-point .timeline-point-item-success .timeline-point-event {
  background-color: var(--bg-success);
}

.timeline-point .timeline-point-item-success .timeline-point-event:before {
  border-left-color: var(--border-success) !important;
  border-right-color: var(--border-success) !important;
}

.timeline-point .timeline-point-point-success {
  background-color: var(--color-success) !important;
  box-shadow: 0 0 0 0.1875rem var(--shadow-success);
}

.timeline-point .timeline-point-indicator-success {
  border-color: var(--color-success) !important;
}

.timeline-point .timeline-point-indicator-success i {
  color: var(--color-success) !important;
}

.timeline-point .timeline-point-item-info .timeline-point-event {
  background-color: var(--bg-info);
}

.timeline-point .timeline-point-item-info .timeline-point-event:before {
  border-left-color: var(--border-info) !important;
  border-right-color: var(--border-info) !important;
}

.timeline-point .timeline-point-point-info {
  background-color: var(--color-info) !important;
  box-shadow: 0 0 0 0.1875rem var(--shadow-info);
}

.timeline-point .timeline-point-indicator-info {
  border-color: var(--color-info) !important;
}

.timeline-point .timeline-point-indicator-info i {
  color: var(--color-info) !important;
}

.timeline-point .timeline-point-item-warning .timeline-point-event {
  background-color: var(--bg-warning);
}

.timeline-point .timeline-point-item-warning .timeline-point-event:before {
  border-left-color: var(--border-warning) !important;
  border-right-color: var(--border-warning) !important;
}

.timeline-point .timeline-point-point-warning {
  background-color: var(--color-warning) !important;
  box-shadow: 0 0 0 0.1875rem var(--shadow-warning);
}

.timeline-point .timeline-point-indicator-warning {
  border-color: var(--color-warning) !important;
}

.timeline-point .timeline-point-indicator-warning i {
  color: var(--color-warning) !important;
}

.timeline-point .timeline-point-item-danger .timeline-point-event {
  background-color: var(--bg-danger);
}

.timeline-point .timeline-point-item-danger .timeline-point-event:before {
  border-left-color: var(--border-danger) !important;
  border-right-color: var(--border-danger) !important;
}

.timeline-point .timeline-point-point-danger {
  background-color: var(--color-danger) !important;
  box-shadow: 0 0 0 0.1875rem var(--shadow-danger);
}

.timeline-point .timeline-point-indicator-danger {
  border-color: var(--color-danger) !important;
}

.timeline-point .timeline-point-indicator-danger i {
  color: var(--color-danger) !important;
}

.timeline-point .timeline-point-item-dark .timeline-point-event {
  background-color: var(--bg-dark);
}

.timeline-point .timeline-point-item-dark .timeline-point-event:before {
  border-left-color: var(--border-dark) !important;
  border-right-color: var(--border-dark) !important;
}

.timeline-point .timeline-point-point-dark {
  background-color: var(--color-dark) !important;
  box-shadow: 0 0 0 0.1875rem var(--shadow-dark);
}

.timeline-point .timeline-point-indicator-dark {
  border-color: var(--color-dark) !important;
}

.timeline-point .timeline-point-indicator-dark i {
  color: var(--color-dark) !important;
}

.timeline-point .timeline-point-item-gray .timeline-point-event {
  background-color: var(--bg-gray);
}

.timeline-point .timeline-point-item-gray .timeline-point-event:before {
  border-left-color: var(--border-gray) !important;
  border-right-color: var(--border-gray) !important;
}

.timeline-point .timeline-point-point-gray {
  background-color: var(--bg-gray) !important;
  box-shadow: 0 0 0 0.1875rem var(--shadow-gray);
}

.timeline-point .timeline-point-indicator-gray {
  border-color: var(--color-gray) !important;
}

.timeline-point .timeline-point-indicator-gray i {
  color: var(--color-gray) !important;
}

/* timeline-point - Fin */

/* item-timeline */
.item-timeline {
  border-left: 1px solid var(--border-color);
  display: flex;
  position: relative;
  padding: 0.75em 1em 0.5em 1em;
}

@media only screen and (max-width: 767px) {
  .item-timeline {
    padding: 1em 0 1em 1em;
  }
}

.item-timeline:hover::after {
  height: calc(100% - 3em);
}

.item-timeline::after {
  transition: ease 0.3s;
  background: var(--timeline-color-line);
  display: block;
  position: absolute;
  content: "";
  width: 3px;
  height: 26px;
  top: 1rem;
  left: -2px;
}

@media (prefers-reduced-motion: reduce) {
  .item-timeline::after {
    transition: none;
  }
}

.item-timeline.ti-primary:after {
  background: var(--color-primary);
}

.item-timeline.ti-secondary:after {
  background: var(--color-secondary);
}

.item-timeline.ti-info:after {
  background: var(--color-info);
}

.item-timeline.ti-success:after {
  background: var(--color-success);
}

.item-timeline.ti-warning:after {
  background: var(--color-warning);
}

.item-timeline.ti-danger:after {
  background: var(--color-danger);
}

/* item-timeline - Fin*/

/* timelineFlex*/
:root{
  --timeline-flex-line: 2px;
  --timeline-flex-size: 12px;
}
*,
    :after,
    :before {
      --timeline-flex-border-spacing-x: 0;
      --timeline-flex-border-spacing-y: 0;
      --timeline-flex-translate-x: 0;
      --timeline-flex-translate-y: 0;
      --timeline-flex-rotate: 0;
      --timeline-flex-skew-x: 0;
      --timeline-flex-skew-y: 0;
      --timeline-flex-scale-x: 1;
      --timeline-flex-scale-y: 1;
      --timeline-flex-scroll-snap-strictness: proximity;
      --timeline-flex-ring-offset-width: 0px;
      --timeline-flex-ring-offset-color: #fff;
      --timeline-flex-ring-color: rgba(59, 130, 246, .5);
      --timeline-flex-ring-offset-shadow: 0 0 #0000;
      --timeline-flex-ring-shadow: 0 0 #0000;
      --timeline-flex-shadow: 0 0 #0000;
      --timeline-flex-shadow-colored: 0 0 #0000;
      --timeline-flex-content-left:.5rem;
      /*border: 0 solid #e5e7eb;  box-sizing: border-box      */
    }

    .timeline-flex {

      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .timeline-flex.line-space {
      --timeline-flex-space: 12px;
    }

    .timeline-flex .timeline-flex-item {
      display: flex;
      flex: 1 1 0%;
      padding-bottom: 1rem;
      position: relative;
    }

    .timeline-flex .timeline-flex-item .timeline-flex-item-point {
      align-items: center;
      display: flex;
      flex-shrink: 0;
      height: var(--timeline-flex-size);
      justify-content: center;
      margin: 0;
      position: relative;
      width: var(--timeline-flex-size);
    }

    .timeline-flex .timeline-flex-item.timeline-flex-item-icon .timeline-flex-item-point {
      --timeline-flex-size:1.5rem;
    }

    .timeline-flex .timeline-flex-item.timeline-flex-item-icon.sm-point .timeline-flex-item-point {      
      height: calc(var(--timeline-flex-size)/2);
      width: calc(var(--timeline-flex-size)/2);
      left: calc(var(--timeline-flex-size)/4);
    }

    .timeline-flex .timeline-flex-item.timeline-flex-item-icon.sm-point .p-item {      
      padding-left: calc(var(--timeline-flex-content-left)*2.4);
    }


    .timeline-flex .timeline-flex-item:before {
      --timeline-flex-translate-x: calc(var(--timeline-flex-size)/2 - var(--timeline-flex-line)/2);
      bottom: 0;
      content: '';
      left: 0;
      order: -1;
      position: absolute;
      right: 0;
      top: 0;
      transform: translate(var(--timeline-flex-translate-x), var(--timeline-flex-translate-y)) rotate(var(--timeline-flex-rotate)) skewX(var(--timeline-flex-skew-x)) skewY(var(--timeline-flex-skew-y)) scaleX(var(--timeline-flex-scale-x)) scaleY(var(--timeline-flex-scale-y));
      width: var(--timeline-flex-line);
    }

    .timeline-flex .timeline-flex-item.timeline-flex-item-icon:before {
      --timeline-flex-size:1.5rem;
      --timeline-flex-translate-x: calc(var(--timeline-flex-size)/2 - var(--timeline-flex-line)/2);      
    }

    .timeline-flex.line-space .timeline-flex-item:before {
      bottom: var(--timeline-flex-space);
      top: calc(var(--timeline-flex-size) + var(--timeline-flex-space));
    }

    .timeline-flex .timeline-flex-item:not(:last-child):before {
      background-color: #cbd5e1;
      background: rgb(138, 145, 150);
      background: #62696d;
      background: -moz-linear-gradient(left, rgba(138, 145, 150, 1) 0%, rgba(122, 130, 136, 1) 60%, rgba(98, 105, 109, 1) 100%);
      background: -webkit-linear-gradient(left, rgba(138, 145, 150, 1) 0%, rgba(122, 130, 136, 1) 60%, rgba(98, 105, 109, 1) 100%);
      background: linear-gradient(to right, rgba(138, 145, 150, 1) 0%, rgba(122, 130, 136, 1) 60%, rgba(98, 105, 109, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a9196', endColorstr='#62696d', GradientType=1);
      
    }

    .timeline-flex .timeline-flex-item:last-child:before {
      --timeline-flex-gradient-from: #cbd5e1;
      --timeline-flex-gradient-to: rgba(203, 213, 225, 0);
      --timeline-flex-gradient-stops: var(--timeline-flex-gradient-from), var(--timeline-flex-gradient-to);
      --timeline-flex-gradient-to: transparent;
      background-image: linear-gradient(to bottom, var(--timeline-flex-gradient-stops));
    }

    .timeline-flex-item-path:before {
      content: '';
      position: absolute;
      width: calc(var(--timeline-flex-content-left)*1.99);
      height: calc(var(--timeline-flex-line)* 1.5);
      background: -moz-linear-gradient(top,  rgba(98,105,109,1) 0%, rgba(98,105,109,0.75) 50%, rgba(102,109,114,0.5) 100%);
      background: -webkit-linear-gradient(top,  rgba(98,105,109,1) 0%,rgba(98,105,109,0.75) 50%,rgba(102,109,114,0.5) 100%);
      background: linear-gradient(to bottom,  rgba(98,105,109,1) 0%,rgba(98,105,109,0.75) 50%,rgba(102,109,114,0.5) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62696d', endColorstr='#80666d72',GradientType=0 );
      top: calc(var(--timeline-flex-size)/2);
      left:var(--timeline-flex-size);
  }
  
  .timeline-flex-item-icon .timeline-flex-item-path:before { 
    top: calc(var(--timeline-flex-size));  
    left:calc(var(--timeline-flex-size)*2);
  }

    .timeline-flex .timeline-flex-item:last-child {
      padding-bottom: 0;
    }
    
    .timeline-flex .timeline-flex-item .timeline-flex-item-point.timeline-flex-item-point-icon {
      --timeline-flex-size:2rem;
    }

    .timeline-flex .flex-1 {
      flex: 1 1 0%;
    }

    .timeline-flex .flex-col {
      flex-direction: column;
    }

    .timeline-flex .flex-orienta {
      flex-direction: column;
    }

    .timeline-flex .justify-between {
      justify-content: space-between;
    }

    .timeline-flex .rounded-full {
      border-radius: 9999px;
    }

    .timeline-flex .p-item {
      padding-left: var(--timeline-flex-content-left);
    }

    @media (min-width:640px) {
    
      .timeline-flex .p-item {
        padding-left: calc(var(--timeline-flex-content-left)*1);
      }

      .timeline-flex .flex-orienta {
        flex-direction: row;
      }
    }
    @media (max-width:640px) {
    .timeline-flex-item-path:before {
      width:calc(var(--timeline-flex-size)*0.75);
    }
  }

  .timeline-flex .timeline-flex-item .timeline-flex-item-point.shadow-primary {
    box-shadow: 0 0 0 0.1875rem var(--shadow-primary)!important;
}

.timeline-flex .timeline-flex-item .timeline-flex-item-point.shadow-secondary {
    box-shadow: 0 0 0 0.1875rem var(--shadow-secondary)!important;
}

.timeline-flex .timeline-flex-item .timeline-flex-item-point.shadow-success {
    box-shadow: 0 0 0 0.1875rem var(--shadow-success)!important;
}

.timeline-flex .timeline-flex-item .timeline-flex-item-point.shadow-danger {
    box-shadow: 0 0 0 0.1875rem var(--shadow-danger)!important;
}

.timeline-flex .timeline-flex-item .timeline-flex-item-point.shadow-warning {
    box-shadow: 0 0 0 0.1875rem var(--shadow-warning)!important;
}

.timeline-flex .timeline-flex-item .timeline-flex-item-point.shadow-info {
    box-shadow: 0 0 0 0.1875rem var(--shadow-info)!important;
}

.timeline-flex .timeline-flex-item .timeline-flex-item-point.shadow-dark {
    box-shadow: 0 0 0 0.1875rem var(--shadow-dark)!important;
}

.timeline-flex .timeline-flex-item .timeline-flex-item-point.shadow-gray {
    box-shadow: 0 0 0 0.1875rem var(--shadow-gray)!important;
}

/* timelineFlex - Fin*/