.map-container { 
  height: 800px; 
  max-height: 100vw;
  position: relative;
}

#map {
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}

.leaflet-routing-container {
  display: none;
}

#loader-yes, #loader-no {
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

#loader-no {
  display: none;
}

.btn-xl {
    padding: 32px 32px;
    font-size: 28px;
    line-height: normal;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


/* Material Design theme */
:root, [data-bs-theme="light"] {
  --bs-primary: #ff8000;
  --bs-primary-hover: #ff9326;
  --bs-primary-active: #ff9933;
  --bs-primary-subtle: #ffe6cc;
  --bs-primary-subtle-hover: #ffd3a6;
  --bs-primary-subtle-active: #ffcc99;
  --bs-primary-emphasis: #994d00;
  --bs-primary-emphasis-hover: #733a00;
  --bs-primary-border-subtle: #ffcc99;
  --bs-primary-rgb: 255, 128, 0;
  --bs-text-on-primary: #000000;
  --bs-border-radius: 0.375rem;
  --bs-border-width: 1px;
  }

  [data-bs-theme="dark"] {
    --bs-primary: #ffac59;
    --bs-primary-hover: #ffbd7a;
    --bs-primary-active: #ffc58b;
    --bs-primary-subtle: #663300;
    --bs-primary-subtle-hover: #733a00;
    --bs-primary-subtle-active: #994d00;
    --bs-primary-emphasis: #ffc68c;
    --bs-primary-emphasis-hover: #ffc080;
    --bs-primary-border-subtle: #994d00;
    --bs-primary-rgb: 255, 172, 89;
    --bs-text-on-primary: #000000;
    }