/* Brand colours on top of Bootstrap. Layout comes from Bootstrap components and utilities only. */
:root {
  --bs-primary: #245b46;
  --bs-primary-rgb: 36, 91, 70;
  --bs-link-color: #245b46;
  --bs-link-color-rgb: 36, 91, 70;
  --bs-link-hover-color: #1b4636;
  --bs-link-hover-color-rgb: 27, 70, 54;
}
.btn-primary {
  --bs-btn-bg: #245b46;
  --bs-btn-border-color: #245b46;
  --bs-btn-hover-bg: #1b4636;
  --bs-btn-hover-border-color: #1b4636;
  --bs-btn-active-bg: #173c2e;
  --bs-btn-active-border-color: #173c2e;
  --bs-btn-disabled-bg: #245b46;
  --bs-btn-disabled-border-color: #245b46;
}
.btn-outline-primary {
  --bs-btn-color: #245b46;
  --bs-btn-border-color: #245b46;
  --bs-btn-hover-bg: #245b46;
  --bs-btn-hover-border-color: #245b46;
  --bs-btn-active-bg: #245b46;
  --bs-btn-active-border-color: #245b46;
}
.nav-pills {
  --bs-nav-pills-link-active-bg: #245b46;
}
.form-control:focus,
.form-select:focus {
  border-color: #7fa896;
  box-shadow: 0 0 0 0.25rem rgba(36, 91, 70, 0.2);
}
body.landing .signed-in {
  display: none !important;
}
.receipt-preview img,
.receipt-preview object {
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
}
.receipt-preview object {
  height: 70vh;
}