#content-container {
    margin-top: 70px;
}

body {
    background: var(--bs-tertiary-bg)
}

#existing-people .gridjs-wrapper {
    max-height: calc(100vh - 290px)
}

#existing-journeys .gridjs-wrapper {
    max-height: calc(100vh - 330px)
}

.autoComplete_wrapper {
    display: block;
    width: 100%;
}

.autoComplete_wrapper .form-control {
    width: 100%;
}

#map {
    height: calc(100vh - 510px)
}

#map.expanded {
    height: calc(100vh - 245px)
}

html .autoComplete_wrapper > ul {
    z-index: 10000000
}

.logout-card-row {
    height: calc(100vh - 70px)
}

.leaflet-div-marker {
  width: 23px;
  height: 50px;
  margin-left: -13px;
  margin-top: -58px;
}

.leaflet-div-marker-number {
  background: white;
  font-size: 14px;
  margin-top: -54px;
  margin-left: -8px;
  width: 28px;
  text-align: center;
}

#toolbar-user-icon, #toolbar-user-name{ height: 24px;}

.logout-card {width: 100%; max-width: 500px; margin: 0 auto;text-align: center;}
.navbar-brand{background: white;color: black;padding: 8px 8px;border-radius: 6px;text-align: center;}
#loginBox{ margin: 0 auto;}
#logo-login{width: 100%; max-width: 500px; margin: 0 auto; font-size: 50px;text-align: center;background: white;margin-bottom: 15px;border: 1px solid;border-radius: 6px;}