/* Container da linha do tempo */
.timeline-horizontal {
   display: flex;
    padding: 10px 0;
    list-style: none;
    margin: 0;
    white-space: nowrap; /* Evita quebra de linha, forçando todo o conteúdo em uma linha horizontal */
    text-align: center;
}

/* Linha central da timeline */
.timeline-horizontal::before {
    content: '';
    position: absolute;
    top: 40px; /* Centraliza a linha verticalmente */
    left: 0;
    height: 4px;
    background: #e9ecef;
    width: calc(100% + 40px); /* Expande a linha até além do último item */
    transform: translateX(-20px); /* Ajusta o início da linha para coincidir com o primeiro item */
    z-index: 0;

}

/*linha apenas para atualizar */

/* Itens da linha do tempo */
.timeline-horizontal li {
    position: relative;
    margin: 0 20px;
    display: inline-block;
    flex: none;

}

/* Ícones da linha do tempo */
.timeline-horizontal li i.line-icon {
    position: relative;
    z-index: 2;
    font-size: 24px;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #ddd;
    margin-bottom: 10px;
}

/* Estilo dos itens da timeline */
.timeline-horizontal .timeline-item {
    display: flex;
    flex-direction: column;
    width: 200px;
    margin: 50px 10px 0;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:normal;
    word-wrap: break-word;
}

/* Cabeçalho dos itens */
.timeline-horizontal .timeline-header {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Corpo dos itens */
.timeline-horizontal .timeline-body {
    font-size: 12px;
}

/* Rodapé dos itens */
.timeline-horizontal .timeline-footer {
    margin-top: 10px;
    text-align: left;
}

/* Label de tempo */
.timeline-horizontal .time-label span {
    background: #007bff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 16px;
    z-index: 2;
    display: block;
}

/* Corrige o alinhamento dos botões no footer */
.timeline-footer button {
    margin-right: 10px;
}

/* Remover a linha após o último item */
.timeline-horizontal li:last-child::before {
    /*content: '';*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
    right: 40px;
    height: 4px;
    background: #e9ecef;
}

/* Ajuste para a linha parar no último item */
.timeline-horizontal li:last-child::after {
    content: '';
    position: absolute;
    top: 40px; /* Ajuste para alinhar com a linha */
    right: 0;
    width: 4px; /* Tamanho do marcador de fim */
    height: 4px;
    background: transparent;
}

.timeline:before {
    content: none !important; 
}

.timeline>li{
    display:inline-block !important;
}

.timeline-horizontal{
        margin-right: -40px !important;
        margin-left: -20px !important;
}

.timeline-horizontal hr {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 1px solid #eee !important;
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
}