.clubalba-login {
  background: #eef2f6;
}

:root {
  --tenant-primary-color: #0d6efd;
}

.btn-primary,
.page-item.active .page-link {
  background-color: var(--tenant-primary-color);
  border-color: var(--tenant-primary-color);
}

.text-primary {
  color: var(--tenant-primary-color) !important;
}

.bg-primary,
.small-box.bg-primary {
  background-color: var(--tenant-primary-color) !important;
}

.clubalba-brand-logo {
  object-fit: cover;
  background: #fff;
}

.clubalba-brand-fallback {
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  margin-left: .8rem;
  margin-right: .5rem;
}

.content-wrapper .content {
  padding-bottom: 1rem;
}

.mobile-shell {
  min-height: 100vh;
  background: #f4f6f9;
}

.mobile-toolbar {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #ffffff;
  border-bottom: 1px solid #dee2e6;
  padding: .75rem;
}

.touch-card {
  border-radius: 8px;
  margin-bottom: .75rem;
}

.touch-card .btn {
  min-height: 44px;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link.clubalba-active-submenu {
  background: var(--tenant-primary-color);
  color: #fff;
  font-weight: 600;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link.clubalba-active-submenu .nav-icon {
  color: #fff;
}