:root {
  --aerocarta-green: #216969;
}

.form-control:focus,
.form-control:active,
.form-control:focus-visible,
.form-select:focus,
.form-select:active,
.form-select:focus-visible,
.form-check-input:focus,
.form-range:focus,
.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb,
.form-range:focus::-ms-thumb {
  border-color: var(--aerocarta-green) !important;
  box-shadow: 0 0 0 0.2rem rgba(33, 105, 105, 0.25) !important;
  outline: none !important;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(33, 105, 105, 0.25) !important;
}

.form-check-input:checked {
  background-color: var(--aerocarta-green) !important;
  border-color: var(--aerocarta-green) !important;
}

.form-switch .form-check-input:checked {
  background-color: var(--aerocarta-green) !important;
  border-color: var(--aerocarta-green) !important;
}

.form-control:focus-visible,
.form-select:focus-visible,
.form-check-input:focus-visible {
  outline: none !important;
}

.btn:focus,
.btn:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(33, 105, 105, 0.25) !important;
}
.form-control:focus,
.form-control:active,
.form-control:focus-visible,
.form-select:focus,
.form-select:active,
.form-select:focus-visible,
.form-check-input:focus {
  border-color: var(--aerocarta-green) !important;
  box-shadow: 0 0 0 0.2rem rgba(33, 105, 105, 0.25) !important;
  outline: none !important;
}