/*TRACKING*/

/* Timeline Container */
.timeline {
  background: var(--primary-color);
  margin: 10px auto;
  padding: 20px;
}

/* Outer Layer with the timeline border */
.outer {
  border-left: 2px solid #333;
}

/* Card container */
.card2 {
  position: relative;
  margin: 0 0 20px 20px;
  padding: 10px;
  background: #FFFFFF;
  /*box-shadow: 0 0rem 3rem rgb(0 0 0 / 10%) !important;*/
  box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%)  !important;
  color: gray;
  border-radius: 8px;
  max-width: 400px;
}

/* Information about the timeline */
.info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Title of the card */
.title {
  color: #014570;
  font-weight: 600;
  position: relative;
}

/* Timeline dot  */
.title::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: white;
  border-radius: 999px;
  left: -39px;
  border: 3px solid orangered;
}
.title_active::before{
	background: orangered; !important;
}

/*COLOR*/
.color_grey{
	color: grey;
}

.btn-buscar:hover{
  color: white;
}

.form-control{
  background-color: white !important;
  border : 1.3px solid #E0E0E0;
}

.form-control:focus {
    color: #014570;
    background-color: #014570;
    border-color: white;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(1 69 112 / 15%) !important;
    box-shadow: 0 0 0 0.25rem rgb(1 69 112 / 15%) !important;
}

.color_morado{
  color: #014570 !important;
  font-weight: 300;
}