/* Estilos da Timeline */
 .modal-dialog {
     min-width: 70%;
 }

 .timeline {
     border-bottom: 4px solid rgb(226, 226, 226);
 }

 .descricao {
     color: #3b3f51;
 }

 .detalhe {
     border-radius: 20px;
     border-color: gray;
     border-width: 1px;
 }

 .fa-map-marker {
     width: 16px;
 }

 /* Estilos customizados */
 .etapa {
     z-index: 10;
     position: inherit;
     border-width: 2px !important;
     border-color: rgba(0, 0, 0, 0.15);
     position: absolute;
     right: calc(50% - 20px);
     top: 20px;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .linha {
     width: 1px;
     border-style: dashed;
     border-width: 0 2px 0 0;
     border-color: rgb(226, 226, 226);
     position: absolute;
     top: 0;
     bottom: 0;
     right: calc(50% - 1px);
     z-index: 9
 }

 .evento:hover {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
 }

 .evento-atual {
     background-color: #F4F4F4;
 }