html {
  min-height: 100%;
}
body {
  height: 100vh;
}
textarea {
  resize: none;
  overflow: hidden;
  min-height: 350px;
}
.portal-navbar {

}
.portal-navbar::after {
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: linear-gradient(to right, transparent, white);
}
.portal-navbar-rail {
  width: 1000px;
  height: 42px;
  overflow: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.portal-navbar-rail::-webkit-scrollbar {
  display: none;
}
.btn-portal {
  margin: 0 .3rem !important;
  min-height: 2.6rem;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
}
.nomap,
.leafletmap-container {
  padding-top: 54px;
}
.nomap,
.leafletmap {
  width: 100%;
  height: calc(100vh - 54px);
}
.nomap {
  background: url('/static/nomap.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .2;
}
.leaflet-interactive:focus {
  outline: none;
}
.portal-map-label {
  background: none;
  border: none;
  box-shadow: none;
}