.app-header {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
  height: 75px;
}
.app-header .app-brand {
  max-height: 50px;
  max-width: 180px;
}
.app-header .app-nav ul {
  list-style: none;
}
.app-header .app-nav ul li {
  letter-spacing: 1px;
  position: relative;
  color: var(--cor-primaria-color);
}
.app-header .app-nav ul li a {
  transition: color 500ms;
  color: var(--cor-primaria-color);
}
.app-header .app-nav ul li a.colored {
  color: var(--cor-secundaria-light);
}
.app-header .app-nav ul li:hover a {
  color: #fff;
}
.app-header .app-nav ul li:hover:after {
  background-color: var(--cor-secundaria);
}
.app-header .app-nav ul li:after {
  transition: background-color 300ms;
  background-color: #333;
  border-radius: 20px;
  position: absolute;
  bottom: -25px;
  content: " ";
  height: 5px;
  width: 100%;
  left: 0;
}
.app-header .app-user a {
  transition: color 500ms;
  color: var(--cor-secundaria);
}
.app-header .app-user a:hover {
  color: var(--cor-primaria-color);
}
.app-header .app-user .creditos small {
  color: var(--cor-primaria-color);
}
.app-header .app-user .creditos h3 {
  font-size: 1.2em;
  font-weight: 600;
}
.app-header .app-user .usuario .foto {
  border-radius: 50px;
  height: 50px;
  width: 50px;
}
.app-header .app-user .usuario .dropdown-menu {
  background-color: #090909;
  margin-top: 10px;
  border: none;
  color: #fff;
	position: absolute;
    will-change: transform;
    top: 0px;
    left: 30px;
    transform: translate3d(0px, 50px, 0px);
}
.app-header .app-user .usuario .dropdown-menu .dropdown-item {
  align-items: center;
  color: #fff;
}
.app-header .app-user .usuario .dropdown-menu .dropdown-item:last-child {
  border-color: transparent;
}
.app-header .app-user .usuario .dropdown-menu .dropdown-item .icone {
  margin-top: -2px;
  font-size: 1.2em;
}
.app-header .app-user .usuario .dropdown-menu .dropdown-item .titulo {
  font-size: 0.9em;
}
.app-header .app-user .usuario .dropdown-menu .dropdown-item:hover, .app-header .app-user .usuario .dropdown-menu .dropdown-item:focus {
  background-color: var(--cor-primaria-normal);
}
.app-header .app-user .usuario .dropdown-toggle::after {
  display: none;
}
.app-header .app-header-mobile .btn-link {
  color: #848484;
}
.app-header.app-header-mobile--show .app-header-mobile {
  display: flex !important;
}
@media only screen and (max-width: 769px) .app-header .app-header-mobile {
  .app-header {
    display: flex !important;
  }
}
/*# sourceMappingURL=app-header.css.map */