.btn{
    box-shadow:none !important;
}
.btn:hover{
    background-color: #454545 !important;
    box-shadow: none !important;
    border-color: #454545 !important;
}
.btn-primary{
    background-color: #333 !important;
    border-color: #333 !important;
    box-shadow: none !important;
}
.btn-primary:hover{
    background-color: #454545 !important;
    box-shadow: none !important;
    border-color: #454545 !important;
}
.bg-primary{
    background-color: #333 !important;
}
.btn-warning:hover{
  background-color: orange !important;
  border-color: orange !important;
}
.auth-fluid{background:none!important}

.navbar-custom .nav-user,
body[data-layout-color=dark] .navbar-custom .nav-user{
    background-color:transparent!important;
    border:none!important;
}

.account-user-avatar:hover{
  color: #454545 !important;
}

.account-user-avatar small{
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navbar-custom .topbar-menu{display:flex;align-items:center;gap:.5rem}
.topbar-badge{
  position:absolute;
  top:.4rem;
  right:.1rem;
  min-width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.65rem;
  line-height:1;
  padding:0 .35rem;
}
@media (max-width: 576px){
  .account-user-avatar small{display:none}
  .navbar-custom .topbar-menu{gap:.25rem}
}
@media (min-width: 577px) and (max-width: 768px){
  .account-user-avatar small{max-width:140px}
}