body {
  margin-bottom: 100px; /* Reemplaza 100px con la altura de tu footer */
}

.footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  clear: both;
  margin-top: 20px;
  }

.padding-icon {
    padding: 5px !important;
}
.padding-icon-right   {
    padding-right: 5px !important;
}
.fa {
  font-size: 1.2em; /* Aumenta el tamaño en 2 veces */
}



div.info-docs {
  height: 60% !important;
}

.hidden {
  display: none;
}

/* Timeline Activities */
.timeline-steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.timeline-steps .timeline-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 1.1rem
}


.timeline-steps .timeline-content {
  width: 5rem;
  text-align: center
}

.timeline-steps .timeline-content .inner-circle {
  border-radius: 1.5rem;
  height: 1rem;
  width: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: gray;
  margin-bottom: 20px;
}

.timeline-steps .timeline-content .inner-circle:before {
  content: "";
  background-color: gray;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  min-width: 3rem;
  border-radius: 6.25rem;
  opacity: .5
}
.timeline-steps .timeline-content .inner-circle.active {
  border-radius: 1.5rem;
  height: 1rem;
  width: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #3b82f6;
  margin-bottom: 20px;
}

.timeline-steps .timeline-content .inner-circle.active:before {
  content: "";
  background-color: #3b82f6;
  display: inline-block;
  height: 3rem;
  width: var(--width, 4rem);
  min-width: 3rem;
  border-radius: 6.25rem;
  opacity: .5
}

/* CLASS FOR NOT ACTIVE */

.timeline-steps .timeline-step:not(:last-child):after {
  content: "";
  display: block;
  border-top: .25rem solid gray;
  width: var(--width, 4rem);
  position: absolute;
  left: 4rem;
  top: .3125rem
}

.timeline-steps .timeline-step:not(:first-child):before {
  content: "";
  display: block;
  border-top: .25rem solid gray;
  width: var(--width, 4rem);
  position: absolute;
  right: 4rem;
  top: .3125rem
}

/* CLASS FOR ACTIVE  */
.timeline-steps .timeline-step:not(:last-child):has(.timeline-content .inner-circle.active):after {
  content: "";
  display: block;
  border-top: .25rem solid #3b82f6;
  width: var(--width, 4rem);
  position: absolute;
  left: 4rem;
  top: .3125rem
}

.timeline-steps .timeline-step:not(:first-child):has(.timeline-content .inner-circle.active):before {
  content: "";
  display: block;
  border-top: .25rem solid #3b82f6;
  width: var(--width, 4rem);
  position: absolute;
  right: 4rem;
  top: .3125rem
}


.panel-default>.panel-heading{
  min-height: 40px !important;
  /* background-color: white !important; */
}

/* .options-redirect{
  background-color: #3b82f6;
} */

/* add hover */
/* .panel-default>.panel-heading:hover{
  background-color: #3b82f6 !important;
  color: white !important;
} */

/* chage color icon */

.options-redirect i {
  color: black;
}

.bg-azul-obscuro {
  background-color:#45658D !important;
}