/* Custom topbar overrides */

#page-topbar .navbar-header,
#page-topbar .navbar-header a,
#page-topbar .navbar-header button,
#page-topbar .navbar-header i,
#page-topbar .navbar-header span {
 /* color: #fff !important;*/
}

#page-topbar .navbar-header a:hover,
#page-topbar .navbar-header a:focus,
#page-topbar .navbar-header a:active,
#page-topbar .navbar-header button:hover,
#page-topbar .navbar-header button:focus,
#page-topbar .navbar-header button:active,
#page-topbar .navbar-header i:hover,
#page-topbar .navbar-header i:focus,
#page-topbar .navbar-header i:active,
#page-topbar .navbar-header span:hover,
#page-topbar .navbar-header span:focus,
#page-topbar .navbar-header span:active {
  color: #0d6efd !important;
}

/* Keep active/open states blue as well */
#page-topbar .navbar-header .btn.show,
#page-topbar .navbar-header .btn.show i,
#page-topbar .navbar-header .btn.show span,
#page-topbar .navbar-header .nav-link.active,
#page-topbar .navbar-header .nav-link.active i,
#page-topbar .navbar-header .nav-link.active span {
  color: #0d6efd !important;
}

/* Topbar profile dropdown text/icons default */
#page-topbar .dropdown-menu,
#page-topbar .dropdown-menu .dropdown-item-text,
#page-topbar .dropdown-menu h6,
#page-topbar .dropdown-menu span,
#page-topbar .dropdown-menu a,
#page-topbar .dropdown-menu i,
#page-topbar .dropdown-menu button,
#page-topbar .dropdown-menu button.dropdown-item {
  color: #3d3d41 !important;
}
#page-topbar .dropdown-menu .dropdown-item:hover,
#page-topbar .dropdown-menu .dropdown-item:focus,
#page-topbar .dropdown-menu button.dropdown-item:hover,
#page-topbar .dropdown-menu button.dropdown-item:focus {
  color: #0d6efd !important;
  background: transparent;
}

/* OTP dropdown header */
#page-topbar .dropdown-head h6 {
  color: #fff !important;
}

/* Payroll nav pills without rounded corners */
.nav-pills .nav-link {
  border-radius: 0 !important;
}

/* Square badges for payroll status pills */
.badge.bg-secondary,
.badge.bg-info,
.badge.bg-success,
.badge.bg-warning,
.badge.bg-danger {
  border-radius: 0 !important;
}

/* Square light badges used in counts */
.badge.bg-light {
  border-radius: 0 !important;
}