:root {
  --dark-blue: #275477;
  --sky-blue: #3B7FB3;
  --coral-blue: #F3F8FB;
  --royal-blue: #1B4A9E;
  --dark-slate: #0C222C;
  --deep-indigo: #231161;
  --bright-red: #E2320E;
  --dark-red: #A82C2C;
  --lime-green: #7EAF3C;
  --dark-green: #0F810E;
  --grass-green: #2AA52A;
  --white: #ffffff;
  --black: #000000;
  --grey: #6F6F6F;
  --dark-grey: #959595;
  --sky-grey: #FCFCFC;
  --violet: #5D2CA8;
  --brown: #AD7248;
  --mustard: #E2B463;
}

.lupmis-primary-bg-500 {
  background-color: var(--sky-blue);
}
.lupmis-primary-bg-50 {
  background-color: var(--coral-blue);
}
.lupmis-primary-text-500 {
  color: var(--sky-blue);
}
.lupmis-primary-text-900 {
  color: var(--dark-blue);
}
.lupmis-grey-900 {
  color: var(--dark-grey);
}
.lupmis-btn-primary {
    color: var(--white);
    background-color: var(--sky-blue);
    border-color: var(--sky-blue);
}

@media (max-width: 575.98px) {
  .position-absolute {
    position: absolute !important;
  }
}
#map {
  height: 300px;
  overflow: hidden
}

.login-form {
  max-width: 500px
}