/* RASTREAMENTO TIMELINE */
.timeline-iconex {
    width: 800px;
    display: table;
    margin: 0 auto;
}

.bloco {
	margin-top: 16px;
}

.step {
    text-align: center;
    width: 100%;
    height: 100%;
}


.content-step {
    width: 80px;
    float: left;
}

.tracado {
    width: 64px;
    float: left;
    margin-top: 14px;
}

.step-icon {
    width: 60px;
    height: 60px;
    background: #fff;
    color: #c7c9d1;
    border: 1px solid #c7c9d1;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    transition: 1s;
}

p.step-desc {
    font-size: 13px;
    margin-top: 7px;
    color: #c7c9d1;
}



.done .step-icon{
	background: #58bb58;
    color: #fff;
    border: 1px solid #58bb58;
}

.done .step-desc{
    color: #58bb58;
}

.done .tracado hr{
	border-top: 1px solid #58bb58;
}

.fail .step-icon{
	background: #dc3545;
    color: #fff;
    border: 1px solid #dc3545;
}

.fail .step-desc{
    color: #dc3545;
}

.fail .tracado hr{
	border-top: 1px solid #dc3545;
}

.step-icon > svg{
    text-align: center !important;
    width: 100% !important;
}

#modalTrackingContent .card{
    padding: 25px;    
}
.avatar{
    font-size: 50px;
}

.descNome{
    margin-top: 20px;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

#modalTrackingContent h3{
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 100%
}

#modalTrackingContent h4{
    font-size:12px;
    margin-bottom: 0px;
    color: #4e555c;
}
.btn-roxo {
    color: #fff;
    background-color: #a31368;
    width: 100%;
    /*height: 40px;
    border-radius: 8px;
    border: none; */
  }
  
.btn-roxo:hover,
.btn-roxo:focus,
.btn-roxo.focus,
.btn-roxo:active,
.btn-roxo.active,
.open > .dropdown-toggle.btn-roxo {
color: #fff;
background-color: #6d0441;
/* cursor: pointer; */
}

.btn-preto {
    color: #fff;
    background-color: #0f1829;
    width: 100%;
    /*height: 40px;
    border-radius: 8px;
    border: none; */
}
  
.btn-preto:hover,
.btn-preto:focus,
.btn-preto.focus,
.btn-preto:active,
.btn-preto.active,
.open > .dropdown-toggle.btn-preto {
color: #fff;
background-color: #575b61;
/* cursor: pointer; */
}

.btn-finalizar {
    color: #fff;
    background-color: #ef233c;
    width: 100%;
    /*height: 40px;
    border-radius: 8px;
    border: none; */
}
  
.btn-finalizar:hover,
.btn-finalizar:focus,
.btn-finalizar.focus,
.btn-finalizar:active,
.btn-finalizar.active,
.open > .dropdown-toggle.btn-preto {
color: #fff;
background-color: #d90429;
/* cursor: pointer; */
}


.badge-aberto {
    background-color: #577590;
}

.badge-em-andamento {
    background-color: #43aa8b;
}

.btn-outline-primary {
    background-color: #a31368;
    color: #fff;
    border: none;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.open > .dropdown-toggle.btn-preto {
    background-color: #6d0441;
    color: #fff;
    border: none;
}