/* DESKTOP */
.nav-desktop .nav-link {
  border-radius: 10px;
  color: #6c757d;
  transition: 0.2s;
}

.nav-desktop .nav-link.active {
  background: #0d6efd;
  color: #fff;
  box-shadow: 0 6px 16px rgba(13,110,253,0.25);
}

/* MOBILE BOTTOM NAV */
.bottom-nav {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;

  height: 45px;
  background: #fff;
  border-top: 1px solid #e9ecef;

  z-index: 9999;
}

.bottom-nav .nav-link {
  border-radius: 0;
  color: #6c757d;
  font-size: 11px;
  padding: 6px 0;
  height:100%;
}

.bottom-nav .nav-link div {
  font-size: 18px;
}

.bottom-nav .nav-link.active {
  color: #0d6efd;
  background: transparent;
}

ul.timeline {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}

/* linea verticale */
ul.timeline::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e5e5e5;
}

/* item */
ul.timeline > li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 1rem;
}

ul.timeline > li .in-icon {
  color: rgb(105, 108, 255);
}

/* dot */
ul.timeline > li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  background: rgb(105, 108, 255);
  border-radius: 50%;
}

ul.timeline > li.has_collisions::before {
  background: rgb(188, 45, 59);
}

ul.timeline > li.has_collisions a {
  color: rgb(188, 45, 59);
}

ul.timeline > li.has_collisions .in-icon {
  color: rgb(188, 45, 59);
}


ul.timeline > li.is_stale::before {
  background: rgb(255, 171, 0);
}

ul.timeline > li.is_stale a {
  color: rgb(255, 171, 0);
}

ul.timeline > li.is_stale .in-icon {
  color: rgb(255, 171, 0);
}

ul.timeline > li.is_closure::before {
  background: rgb(192, 192, 192);
}
ul.timeline > li.is_closure .in-icon {
  color: rgb(192, 192, 192);
}


ul.timeline > li.is_relocated::before {
  background: rgb(56, 69, 81);
}

ul.timeline > li.is_relocated a {
  color: rgb(56, 69, 81);
}

/* Fix for modal */
body.modal-open .bottom-nav, body.modal-open .chat-mobile-responder {
  z-index: 0!important;
}
