.theme-button-1 {
  transition: background-color 0.3s;
  background-color: var(--accent) !important;
  color: var(--primary-900) !important;
}

.theme-button-1:hover {
  background-color: var(--accent-600) !important;
  color: var(--primary-900) !important;
}

.theme-button-yes {
  transition: background-color 0.3s;
  background-color: var(--success) !important;
  color: var(--white) !important;
}

.theme-button-yes:hover {
  background-color: var(--success-700) !important;
  color: var(--white) !important;
}

.theme-button-no {
  transition: background-color 0.3s;
  background-color: var(--red) !important;
  color: var(--white) !important;
}

.theme-button-no:hover {
  background-color: var(--red-10) !important;
  color: var(--white) !important;
}

.theme-bottombar {
  background-color: var(--secondary-400);
  color: var(--white) !important;
  box-shadow: 0px 1px 6px 0 var(--black);
  padding: 5px 10px;
  border-top: 1px solid var(--secondary-20);
}

.theme-bottombar-button {
  color: var(--white) !important;
  transition: 0.3s;
  background-color: var(--primary-50);
}

.theme-bottombar-button:hover {
  background-color: var(--primary-50-hover);
  color: var(--white) !important;
  transform: scale(1.03);
}

.theme-title {
  color: var(--primary-text) !important;
  font-family: monospace;
}

.theme-btn-menu:hover {
  background-color: var(--secondary-hover) !important;
  color: var(--primary-text) !important;
  transition: 0.4s;
}

.theme-btn-menu:focus {
  background-color: var(--secondary-hover) !important;
  color: var(--primary-text) !important;
  transition: 0.4s;
}

.checkbox input[type="checkbox"]:checked + label::before {
  border-color: var(--white) !important;
}

.w3-border-top {
  border-top: 1px solid var(--secondary-800) !important;
}

.modal-button,
.w3-dropdown-click .w3-button,
.theme-0,
.theme-button-0,
.theme-0:hover {
  color: var(--white);
  background-color: var(--primary-800) !important;
}

.theme-button-0:hover,
.w3-dropdown-click,
.w3-dropdown-click .w3-button:hover,
.modal-button:hover {
  color: var(--white) !important;
  background-color: var(--secondary-600) !important;
}
.modal-button:hover {
  background-color: var(--primary-800) !important;
}
.w3-dropdown-click {
  border: 1px solid var(--primary-900) !important;
}

.reports--negative-value {
  color: var(--danger-200);
}
.reports--positive-value {
  color: var(--success-200);
}
.login__afiliado--span {
  color: var(--white);
}