.navbar{background-color:transparent;border-bottom:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}.navbar #nav-container{justify-content:space-between;margin:0 auto;display:flex;align-items:center;justify-content:space-between;width:80%;}.navbar #nav-container #notification{display:flex;align-items:center;}.navbar .navbar-nav{margin-top:0;margin-bottom:0;}.navbar .top-nav-collapse{padding-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e3e8ec;background-color:#fff;}.navbar .nav-item .nav-link{padding-right:.75rem;padding-left:.75rem;}.navbar .dropdown-menu{margin-top:.25rem;-webkit-box-shadow:0 3px 3px 1px rgba(0,0,0,.05);box-shadow:0 3px 3px 1px rgba(0,0,0,.05);}.navbar .dropdown-divider{width:90%;}.navbar #toggle-menu{position:relative;}@media(max-width:798px){.navbar #nav-container{display:grid;grid-template-areas:"b a c";align-items:center;justify-content:space-between;width:90%;}.navbar #nav-logo{grid-area:a;}.navbar #search-bar{grid-area:b;}.navbar #search-bar #inputSearchBar{display:none;animation:shrink linear .2s;}.navbar #search-bar:not(.opened) #searchIconBar{background:none;padding:.4rem;}.navbar #search-bar:not(.opened) #searchIconBar::after{font-size:1rem;}.navbar #search-bar.opened{position:absolute;width:90%;z-index:99999;top:50%;left:50%;transform:translate(-50%,-50%);}.navbar #search-bar.opened #inputSearchBar{display:block;width:100%;animation:growToRight linear .2s;}.navbar #menu{grid-area:c;}.navbar #btnFormUser{grid-area:c;}.navbar .name{display:none;}@keyframes growToRight{from{display:none;width:0;}to{display:block;width:100%;}}@keyframes shrink{from{display:block;width:100%;opacity:1;}to{display:none;width:0;opacity:0;}}
/* Shared sign-in button: the index appearance on every page. */
#header #btnFormUser {
  background: rgba(153,38,240,.95); color: #fff; border: 1px solid rgba(153,38,240,.95);
  border-radius: 4px; padding: 4px 8px; font: 400 14px/1.5 Poppins, sans-serif;
  min-height: 0; min-width: 0; width: auto; height: auto; box-shadow: none;
  letter-spacing: normal; text-transform: none; gap: 0; filter: none;
}
#header #btnFormUser span { font: inherit; color: inherit; }
#header #btnFormUser:hover { background: #8520d4; border-color: #8520d4; color: #fff; }
#header #btnFormUser:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width:720px) { #header #btnFormUser { font-size: 12.25px; padding: 3.5px 7px; border-radius: 3.5px; } }