/*Icon progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey;
}

#progressbar .active {
  color: #673AB7;
}

#progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400;
}

#progressbar li span {
  padding: 10px;
  background: #f8f9fa;
  width: 45px;
  height: 45px;
}

/*Icon ProgressBar before any progress*/
#progressbar li span:before {
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}

#progressbar li.active span {
  background: var(--bg1);
  color: var(--txt1);
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before,
#progressbar li.active:after {
  background: var(--bg1);
}

a.nav-link.ng-binding.active {
  font-weight: bolder;
}

.menu_grupo nav ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.menu_grupo nav ul ul {
  padding-left: 1rem;
  margin-top: .25rem
}

.menu_grupo nav li {
  margin-bottom: .25rem
}

.menu_grupo nav a {
  color: inherit
}

.menu_grupo nav a:not(:hover) {
  text-decoration: none
}

.scroll_menu::-webkit-scrollbar-track {
  background-color: white;
}

.scroll_menu::-webkit-scrollbar {
  width: 5px;
}

.scroll_menu::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  /* border-radius: 5px; */
}