/* Bootstrap Overrides */
/* =================== */
:root {
  --bs-body-bg: rgb(255,255,255);
  --bs-primary: #0054A1;
  --bs-primary-rgb: 0, 84, 161;
  --bs-primary-text: rgb(255,255,255);
  --bs-primary-hover: #004C91;
  --bs-primary-active: #004381;
  --bs-secondary: #00ADEF;
  --bs-secondary-rgb: 0, 173, 239;
  --bs-secondary-text: rgb(255,255,255);
  --bs-secondary-hover: #009CD7;
  --bs-secondary-active: #008ABF;
  --bs-primary: #0054A1;
  --bs-primary-hover: #004788;
  --bs-primary-active: #003A70;
  --bs-btn-primary-bg: #0054A1;
  --bs-btn-primary-border-color: #0054A1;
  --bs-btn-primary-hover-bg: #004788;
  --bs-btn-primary-hover-border-color: #004788;
  --bs-btn-primary-active-bg: #003A70;
  --bs-btn-primary-active-border-color: #003A70;
  --bs-btn-primary-text: var(--bs-primary-text);
}

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-btn-primary-text) !important;
}
.btn-primary:hover {
  background-color: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
}
.btn-primary:active {
  background-color: var(--bs-primary-active) !important;
  border-color: var(--bs-primary-active) !important;
}

.btn-outline-primary {
  background-color: transparent !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-primary) !important;
}
.btn-outline-primary:hover {
  background-color: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
  color: var(--bs-btn-primary-text) !important;
}
.btn-outline-primary:active {
  background-color: var(--bs-primary-active) !important;
  border-color: var(--bs-primary-active) !important;
  color: var(--bs-btn-primary-text) !important;
}

:root {
.btn-outline-secondary {
 --bs-btn-color: #545b62;
}
/* AXS */
  --axs-primary: #0054a1;
  --axs-secondary: #00adef;
  --axs-primary-text: rgb(255,255,255);
  --axs-secondary-text: rgb(255,255,255);
  --axs-seatlist-hover-color: #91c69c;
  --axs-seat-unavailable-color: rgba(214, 214, 214, 1);
  --axs-map-section-color: #0c2942;
  --axs-map-section-hover-color: #0054a1;
  --axs-logo: url('https://app-cdn.ebiljett.nu/clients/W4/{instanceId}/{pos}/logo.png');
}
.my-account div.button-container {height: auto} 
