body,
html,
#root,
.page,
main #content,
#natureserve-webmap-app {
  height: 100% !important;
  max-height: none !important;
  max-width: none !important;
  margin: 0 0 0 0 !important;
  margin-top: 0px !important;
  padding: 0 0 0 0 !important;
  font-family: 'Open Sans', sans-serif;
}
.page {
  display: flex !important;
  flex-direction: column;
}
body .l-main {
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
body .l-header {
  margin-bottom: 0 !important;
  flex: 0 0 auto;
}
body {
  overflow: hidden;
}
.App {
  display: flex;
  /* height: 500px; */
  height: 100%;
}

body .esri-legend__service {
  padding-bottom: 7px;
  padding-top: 7px;
}

/* copied from @tippyjs/react version 4.2.6 (tippy.js/dist/tippy.css)*/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}