/* Overrides posteriores a Bootstrap y Tom Select para interacción normal. */

.btn-primary,
.btn-primary:focus {
  background-color: var(--verde-cana);
  border-color: var(--verde-cana);
  color: var(--blanco);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--verde-oscuro);
  border-color: var(--verde-oscuro);
  color: var(--blanco);
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--verde-cana);
  border-color: var(--verde-cana);
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--verde-cana);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

.form-check-input:checked {
  background-color: var(--verde-cana);
  border-color: var(--verde-cana);
}

.form-check-input:focus {
  border-color: var(--verde-cana);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

.nav-tabs .nav-link {
  color: var(--bs-link-color);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: var(--bs-link-hover-color);
}

.nav-tabs .nav-link.active {
  color: var(--verde-oscuro);
  border-color: var(--bs-primary-border-subtle) var(--bs-primary-border-subtle) var(--blanco);
}

.ts-wrapper.focus .ts-control,
.focus .ts-control {
  border-color: var(--verde-cana);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
  outline: 0;
}

.ts-wrapper.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
  border-color: var(--verde-cana);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

.ts-dropdown .active,
.ts-dropdown .active.create {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--verde-oscuro);
}

.ts-wrapper.multi .ts-control > div.active {
  background: var(--verde-cana);
  color: var(--blanco);
}