.visit-form-container {
  margin-top: 8vh;
  margin-bottom: 8vh;
  padding: 1.5rem;
  width: 90%;
}

.visit-form-title {
  color: var(--grey-light);
  font-weight: bold;
  margin-bottom: 4vh;
}

.btn-remove-visitor {
  background-color: var(--crisal-green-light);
  color: #ffffff;
  text-decoration: none;
  font-size: var(--font-sm);
  border: 2px solid transparent !important;
}

.btn-remove-visitor:hover {
  background-color: #ffffff;
  color: var(--crisal-green-light) !important;
  border-color: var(--crisal-green-light) !important;
}

.btn-add-visitor {
  background-color: var(--crisal-green-light);
  color: #ffffff;
  text-decoration: none;
  font-size: var(--font-sm);
  border: 2px solid transparent !important;
  padding: 0.5rem 1rem;
}

.btn-add-visitor:hover {
  background-color: #ffffff;
  color: var(--crisal-green-light) !important;
  border-color: var(--crisal-green-light) !important;
}

.btn-submit-visit {
  background-color: var(--crisal-green-light);
  color: #ffffff;
  text-decoration: none;
  font-size: var(--font-sm);
  border: 2px solid transparent !important;
  padding: 0.5rem 1rem;
}

.btn-submit-visit:hover {
  background-color: #ffffff;
  color: var(--crisal-green-light) !important;
  border-color: var(--crisal-green-light) !important;
}

.g-recaptcha {
  transform:scale(0.85);
  -webkit-transform:scale(0.85);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}

.form-group-grid {
    display: grid;
    grid-template-rows: auto 1fr;
}

.invalid-feedback.d-block {
    min-height: 1.5em; 
}

input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--crisal-green-light) !important;
  box-shadow: 0 0 0 0.2rem rgba(192, 207, 198, 0.5) !important;
}

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