:root {
  --qs-verde: #00b0a0;
  --qs-verde-dark: #008f82;
  --qs-gris: #414141;
  --qs-blanco: #ffffff;
}

.main-sidebar, .sidebar {
  background-color: #ffffff !important;
}

.brand-link {
  padding: 0 !important;
  display: block !important;
  text-align: center !important;
  border-bottom: 2px solid var(--qs-verde) !important;
  background-color: #ffffff !important;
}

.brand-link img {
  max-height: 60px !important;
  width: auto !important;
  object-fit: contain !important;
  padding: 5px !important;
  margin: 0 auto !important;
  display: block !important;
}

.main-header.navbar {
  background-color: var(--qs-blanco) !important;
  border-bottom: 2px solid var(--qs-verde) !important;
  background-color: #ffffff !important;
}

.btn-primary {
  background-color: var(--qs-verde) !important;
  border-color: var(--qs-verde-dark) !important;
  color: var(--qs-blanco) !important;
}

.btn-primary:hover {
  background-color: var(--qs-verde-dark) !important;
  box-shadow: 0 4px 12px rgba(0,176,160,0.4) !important;
}

a.btn-success, button.btn-success, .btn.btn-success {
  background-color: var(--qs-verde) !important;
  border-color: var(--qs-verde) !important;
  border-radius: 6px !important;
  color: var(--qs-blanco) !important;
}

a.btn-success:hover, button.btn-success:hover, .btn.btn-success:hover {
  background-color: var(--qs-verde-dark) !important;
  border-color: var(--qs-verde-dark) !important;
  color: var(--qs-blanco) !important;
  box-shadow: 0 4px 12px rgba(0,176,160,0.4) !important;
}

.login-page .btn-primary.btn-block {
  background-color: var(--qs-verde) !important;
  border-color: var(--qs-verde-dark) !important;
  color: var(--qs-blanco) !important;
}

.nav-sidebar .nav-item > .nav-link.active {
  background-color: var(--qs-verde) !important;
  color: var(--qs-blanco) !important;
}

.nav-sidebar .nav-item > .nav-link:hover {
  background-color: #e8f8f7 !important;
  color: #00b0a0 !important;
}

.content-wrapper {
  background-color: #f4f6f7 !important;
}

.card {
  background-color: #ffffff !important;
}

.main-footer {
  border-top: 1px solid var(--qs-verde) !important;
}