:root {
  --primary: #43489f;
  --secondary: #4baa58;
  --success: green;
  --failure: rgb(220,53,69);
  --warning: #ffc107;
  --failure-opaque: rgba(244,148,157,0.68);
  --disabled: black;
  --local-zoneset: #f44336 !important;
  --outer-metro-zoneset: #ffb300 !important;
  --short-haul-zoneset: #00c853 !important;
  --between-islands-zoneset: #c51162 !important;
  --long-haul-zoneset: #0d47a1 !important;
  --print-colour: var(--success);
  --white: white;
  --black: black;
  --grey: grey;
  --disabled-opacity: 0.6;
  --background-default: #f6f6fa;
  --link-colour: #0d6efd;
  --primary-50: #e8e9f3;
  --primary-100: #c7c8e2;
  --primary-200: #a1a4cf;
  --primary-300: #7b7fbc;
  --primary-400: #5f63ad;
  --primary-500: #43489f;
  --primary-600: #3d4197;
  --primary-700: #34388d;
  --primary-800: #2c3083;
  --primary-900: #1e2172;
  --primary-A100: #afb2ff;
  --primary-A200: #7c81ff;
  --primary-A400: #4950ff;
  --primary-A700: #3037ff;
  --secondary-50: #e7f6e9;
  --secondary-100: #c3e8c8;
  --secondary-200: #9cd9a4;
  --secondary-300: #74ca7f;
  --secondary-400: #56be63;
  --secondary-500: #38b348;
  --secondary-600: #32ac41;
  --secondary-700: #2ba338;
  --secondary-800: #249a30;
  --secondary-900: #178b21;
  --secondary-A100: #c1ffc5;
  --secondary-A200: #8eff96;
  --secondary-A400: #5bff67;
  --secondary-A700: #41ff4f;
  --bs-blue: var(--primary-500);
  --print-colour: var(--secondary-500);
  --autocomplete-hover-background: #e9ecef;
}

body {
  overflow-x: hidden;
}

.link {
  text-decoration: underline;
  cursor: pointer;
}

.dropdown-menu {
  max-height: 50vh;
  overflow-y: auto;
}

.btn-success {
  background-color: var(--secondary-500);
  border-color: var(--secondary-500);
}

.btn-success:hover {
  background-color: var(--secondary-900);
  border-color: var(--secondary-900);
}

.link, .btn-link, .nav-link, .nav-item svg {
  color: var(--primary-500)!important;
}

.link:hover, .btn-link:hover, .nav-link:hover, .card-header p {
  color: var(--primary-900)!important;
}

.bg-primary, .btn-primary {
  background-color: var(--primary-500)!important;
  border-color: var(--primary-500)!important;
}

.btn-primary:hover {
  background-color: var(--primary-900)!important;
  border-color: var(--primary-900)!important;
}

#page-banner {
  background-color: var(--bs-primary)!important;
  box-shadow: inset 0px 0px 20px 20px rgb(28 32 92 / 18%);
}

.ui-autocomplete .ui-menu-item:hover {
  background: var(--autocomplete-hover-background);
  cursor: pointer;
}

color {
  background-color: var(--autocomplete-hover-background);
}