:root {
  --dues-primary: #0E9DE0;
  --dues-white: #FFFFFF;
}

body {
  background-color: #f7f9fb;
}

.bg-dues-primary { background-color: var(--dues-primary) !important; }
.text-dues-primary { color: var(--dues-primary) !important; }
.btn-dues-primary {
  --bs-btn-bg: var(--dues-primary);
  --bs-btn-border-color: var(--dues-primary);
  --bs-btn-hover-bg: #0c8cc8;
  --bs-btn-hover-border-color: #0c8cc8;
  --bs-btn-active-bg: #0a7ab0;
  --bs-btn-active-border-color: #0a7ab0;
  color: var(--dues-white);
}

.navbar-brand img {
  height: 32px;
}

.login-card {
  max-width: 420px;
}

.sidebar {
  width: 260px;
}

.sidebar .nav-link.active {
  background: rgba(14, 157, 224, 0.1);
  color: var(--dues-primary) !important;
}