/* Makita Service Centre branding, loaded after Tabler. Change the colours here. */
:root {
  --tblr-primary: #007c89;
  --tblr-primary-rgb: 0, 124, 137;
  --tblr-primary-fg: #ffffff;
  --tblr-link-color: #006b76;
  --tblr-link-color-rgb: 0, 107, 118;
  --tblr-link-hover-color: #004f58;
  --tblr-link-hover-color-rgb: 0, 79, 88;
}

.jc-header {
  background-color: var(--tblr-primary);
}

.jc-header .navbar-brand,
.jc-header .nav-link,
.jc-header .jc-user {
  color: #ffffff !important;
}

.jc-header .nav-item.active .nav-link,
.jc-header .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
}

.jc-header .navbar-toggler {
  filter: brightness(0) invert(1);
}

.jc-logo {
  display: block;
  height: 38px;
  width: auto;
  padding: 4px 6px;
  background-color: #ffffff;
  border-radius: 4px;
}

.jc-logo-login {
  height: 68px;
  margin: 0 auto 0.75rem;
}

#stage-tabs .nav-link.active {
  color: var(--tblr-primary);
  border-bottom: 3px solid var(--tblr-primary);
  font-weight: 600;
}

#stage-tabs .badge {
  background-color: rgba(0, 124, 137, 0.12) !important;
  color: #005a64 !important;
}