/*!
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

@font-face {
  font-family: "Avenir Next W00";
  src: url(build/Avenir_Next_W00_400.eot);
  src: url(build/Avenir_Next_W00_400.eot) format("eot"),url(build/Avenir_Next_W00_400.woff2) format("woff2"),url(build/Avenir_Next_W00_400.woff) format("woff"),url(build/Avenir_Next_W00_400.ttf) format("truetype"),url(87fb6a48bab5057ce587d7f9d17a4e62.svg) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next W00";
  src: url(build/Avenir_Next_W00_Italic_400.eot);
  src: url(build/Avenir_Next_W00_Italic_400.eot) format("eot"),url(build/Avenir_Next_W00_Italic_400.woff2) format("woff2"),url(build/Avenir_Next_W00_Italic_400.woff) format("woff"),url(build/Avenir_Next_W00_Italic_400.ttf) format("truetype"),url(a70793ab72c0677e1cb5f539eb250b0e.svg) format("svg");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Avenir Next W00";
  src: url(build/Avenir_Next_W00_600.eot);
  src: url(build/Avenir_Next_W00_600.eot) format("eot"),url(build/Avenir_Next_W00_600.woff2) format("woff2"),url(build/Avenir_Next_W00_600.woff) format("woff"),url(build/Avenir_Next_W00_600.ttf) format("truetype"),url(b6fe8d70bf3e9fb8ebd14b7c77f11fe2.svg) format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next W00";
  src: url(build/Avenir_Next_W00_Italic_600.eot);
  src: url(build/Avenir_Next_W00_Italic_600.eot) format("eot"),url(build/Avenir_Next_W00_Italic_600.woff2) format("woff2"),url(build/Avenir_Next_W00_Italic_600.woff) format("woff"),url(build/Avenir_Next_W00_Italic_600.ttf) format("truetype"),url(43b76753ef37b54bb01f1c49d53a8b8d.svg) format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'CalciteWebCoreIcons';
  src: url(build/CalciteWebCoreIcons.ttf) format("truetype"),url(build/CalciteWebCoreIcons.woff) format("woff"),url(45bc3828ff9cc65fe318dad47d54c331.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="esri-icon-"],
[class*=" esri-icon-"] {
  font-family: 'CalciteWebCoreIcons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.esri-icon-close:before {
  content: "\e600";
  color: inherit;
}

.esri-icon-drag-horizontal:before {
  content: "\e601";
  color: inherit;
}

.esri-icon-drag-vertical:before {
  content: "\e602";
  color: inherit;
}

.esri-icon-handle-horizontal:before {
  content: "\e603";
  color: inherit;
}

.esri-icon-handle-vertical:before {
  content: "\e604";
  color: inherit;
}

.esri-icon-check-mark:before {
  content: "\e605";
  color: inherit;
}

.esri-icon-left-triangle-arrow:before {
  content: "\e606";
  color: inherit;
}

.esri-icon-right-triangle-arrow:before {
  content: "\e607";
  color: inherit;
}

.esri-icon-down-arrow:before {
  content: "\e608";
  color: inherit;
}

.esri-icon-up-arrow:before {
  content: "\e609";
  color: inherit;
}

.esri-icon-overview-arrow-bottom-left:before {
  content: "\e60a";
  color: inherit;
}

.esri-icon-overview-arrow-bottom-right:before {
  content: "\e60b";
  color: inherit;
}

.esri-icon-overview-arrow-top-left:before {
  content: "\e60c";
  color: inherit;
}

.esri-icon-overview-arrow-top-right:before {
  content: "\e60d";
  color: inherit;
}

.esri-icon-maximize:before {
  content: "\e60e";
  color: inherit;
}

.esri-icon-minimize:before {
  content: "\e60f";
  color: inherit;
}

.esri-icon-checkbox-unchecked:before {
  content: "\e610";
  color: inherit;
}

.esri-icon-checkbox-checked:before {
  content: "\e611";
  color: inherit;
}

.esri-icon-radio-unchecked:before {
  content: "\e612";
  color: inherit;
}

.esri-icon-radio-checked:before {
  content: "\e613";
  color: inherit;
}

.esri-icon-up-arrow-circled:before {
  content: "\e614";
  color: inherit;
}

.esri-icon-down-arrow-circled:before {
  content: "\e615";
  color: inherit;
}

.esri-icon-left-arrow-circled:before {
  content: "\e616";
  color: inherit;
}

.esri-icon-right-arrow-circled:before {
  content: "\e617";
  color: inherit;
}

.esri-icon-zoom-out-fixed:before {
  content: "\e618";
  color: inherit;
}

.esri-icon-zoom-in-fixed:before {
  content: "\e619";
  color: inherit;
}

.esri-icon-refresh:before {
  content: "\e61a";
  color: inherit;
}

.esri-icon-edit:before {
  content: "\e61b";
  color: inherit;
}

.esri-icon-authorize:before {
  content: "\e61c";
  color: inherit;
}

.esri-icon-map-pin:before {
  content: "\e61d";
  color: inherit;
}

.esri-icon-blank-map-pin:before {
  content: "\e61e";
  color: inherit;
}

.esri-icon-table:before {
  content: "\e61f";
  color: inherit;
}

.esri-icon-plus:before {
  content: "\e620";
  color: inherit;
}

.esri-icon-minus:before {
  content: "\e621";
  color: inherit;
}

.esri-icon-beginning:before {
  content: "\e622";
  color: inherit;
}

.esri-icon-reverse:before {
  content: "\e623";
  color: inherit;
}

.esri-icon-pause:before {
  content: "\e624";
  color: inherit;
}

.esri-icon-play:before {
  content: "\e625";
  color: inherit;
}

.esri-icon-forward:before {
  content: "\e626";
  color: inherit;
}

.esri-icon-end:before {
  content: "\e627";
  color: inherit;
}

.esri-icon-erase:before {
  content: "\e628";
  color: inherit;
}

.esri-icon-up-down-arrows:before {
  content: "\e629";
  color: inherit;
}

.esri-icon-left:before {
  content: "\e62a";
  color: inherit;
}

.esri-icon-right:before {
  content: "\e62b";
  color: inherit;
}

.esri-icon-announcement:before {
  content: "\e62c";
  color: inherit;
}

.esri-icon-notice-round:before {
  content: "\e62d";
  color: inherit;
}

.esri-icon-notice-triangle:before {
  content: "\e62e";
  color: inherit;
}

.esri-icon-home:before {
  content: "\e62f";
  color: inherit;
}

.esri-icon-locate:before {
  content: "\e630";
  color: inherit;
}

.esri-icon-expand:before {
  content: "\e631";
  color: inherit;
}

.esri-icon-collapse:before {
  content: "\e632";
  color: inherit;
}

.esri-icon-layer-list:before {
  content: "\e633";
  color: inherit;
}

.esri-icon-basemap:before {
  content: "\e634";
  color: inherit;
}

.esri-icon-globe:before {
  content: "\e635";
  color: inherit;
}

.esri-icon-applications:before {
  content: "\e636";
  color: inherit;
}

.esri-icon-arrow-up-circled:before {
  content: "\e637";
  color: inherit;
}

.esri-icon-arrow-down-circled:before {
  content: "\e638";
  color: inherit;
}

.esri-icon-arrow-left-circled:before {
  content: "\e639";
  color: inherit;
}

.esri-icon-arrow-right-circled:before {
  content: "\e63a";
  color: inherit;
}

.esri-icon-minus-circled:before {
  content: "\e63b";
  color: inherit;
}

.esri-icon-plus-circled:before {
  content: "\e63c";
  color: inherit;
}

.esri-icon-add-attachment:before {
  content: "\e63d";
  color: inherit;
}

.esri-icon-attachment:before {
  content: "\e63e";
  color: inherit;
}

.esri-icon-calendar:before {
  content: "\e63f";
  color: inherit;
}

.esri-icon-close-circled:before {
  content: "\e640";
  color: inherit;
}

.esri-icon-browser:before {
  content: "\e641";
  color: inherit;
}

.esri-icon-collection:before {
  content: "\e642";
  color: inherit;
}

.esri-icon-comment:before {
  content: "\e643";
  color: inherit;
}

.esri-icon-configure-popup:before {
  content: "\e644";
  color: inherit;
}

.esri-icon-contact:before {
  content: "\e645";
  color: inherit;
}

.esri-icon-dashboard:before {
  content: "\e646";
  color: inherit;
}

.esri-icon-deny:before {
  content: "\e647";
  color: inherit;
}

.esri-icon-description:before {
  content: "\e648";
  color: inherit;
}

.esri-icon-directions:before {
  content: "\e649";
  color: inherit;
}

.esri-icon-directions2:before {
  content: "\e64a";
  color: inherit;
}

.esri-icon-documentation:before {
  content: "\e64b";
  color: inherit;
}

.esri-icon-duplicate:before {
  content: "\e64c";
  color: inherit;
}

.esri-icon-review:before {
  content: "\e64d";
  color: inherit;
}

.esri-icon-environment-settings:before {
  content: "\e64e";
  color: inherit;
}

.esri-icon-error:before {
  content: "\e64f";
  color: inherit;
}

.esri-icon-error2:before {
  content: "\e650";
  color: inherit;
}

.esri-icon-experimental:before {
  content: "\e651";
  color: inherit;
}

.esri-icon-feature-layer:before {
  content: "\e652";
  color: inherit;
}

.esri-icon-filter:before {
  content: "\e653";
  color: inherit;
}

.esri-icon-grant:before {
  content: "\e654";
  color: inherit;
}

.esri-icon-group:before {
  content: "\e655";
  color: inherit;
}

.esri-icon-key:before {
  content: "\e656";
  color: inherit;
}

.esri-icon-labels:before {
  content: "\e657";
  color: inherit;
}

.esri-icon-tag:before {
  content: "\e658";
  color: inherit;
}

.esri-icon-layers:before {
  content: "\e659";
  color: inherit;
}

.esri-icon-left-arrow:before {
  content: "\e65a";
  color: inherit;
}

.esri-icon-right-arrow:before {
  content: "\e65b";
  color: inherit;
}

.esri-icon-link-external:before {
  content: "\e65c";
  color: inherit;
}

.esri-icon-link:before {
  content: "\e65d";
  color: inherit;
}

.esri-icon-loading-indicator:before {
  content: "\e65e";
  color: inherit;
}

.esri-icon-maps:before {
  content: "\e65f";
  color: inherit;
}

.esri-icon-marketplace:before {
  content: "\e660";
  color: inherit;
}

.esri-icon-media:before {
  content: "\e661";
  color: inherit;
}

.esri-icon-media2:before {
  content: "\e662";
  color: inherit;
}

.esri-icon-menu:before {
  content: "\e663";
  color: inherit;
}

.esri-icon-mobile:before {
  content: "\e664";
  color: inherit;
}

.esri-icon-phone:before {
  content: "\e665";
  color: inherit;
}

.esri-icon-navigation:before {
  content: "\e666";
  color: inherit;
}

.esri-icon-pan:before {
  content: "\e667";
  color: inherit;
}

.esri-icon-printer:before {
  content: "\e668";
  color: inherit;
}

.esri-icon-pie-chart:before {
  content: "\e669";
  color: inherit;
}

.esri-icon-chart:before {
  content: "\e66a";
  color: inherit;
}

.esri-icon-line-chart:before {
  content: "\e66b";
  color: inherit;
}

.esri-icon-question:before {
  content: "\e66c";
  color: inherit;
}

.esri-icon-resend-invitation:before {
  content: "\e66d";
  color: inherit;
}

.esri-icon-rotate:before {
  content: "\e66e";
  color: inherit;
}

.esri-icon-save:before {
  content: "\e66f";
  color: inherit;
}

.esri-icon-settings:before {
  content: "\e670";
  color: inherit;
}

.esri-icon-settings2:before {
  content: "\e671";
  color: inherit;
}

.esri-icon-share:before {
  content: "\e672";
  color: inherit;
}

.esri-icon-sign-out:before {
  content: "\e673";
  color: inherit;
}

.esri-icon-support:before {
  content: "\e674";
  color: inherit;
}

.esri-icon-user:before {
  content: "\e675";
  color: inherit;
}

.esri-icon-time-clock:before {
  content: "\e676";
  color: inherit;
}

.esri-icon-trash:before {
  content: "\e677";
  color: inherit;
}

.esri-icon-upload:before {
  content: "\e678";
  color: inherit;
}

.esri-icon-download:before {
  content: "\e679";
  color: inherit;
}

.esri-icon-zoom-in-magnifying-glass:before {
  content: "\e67a";
  color: inherit;
}

.esri-icon-search:before {
  content: "\e67b";
  color: inherit;
}

.esri-icon-zoom-out-magnifying-glass:before {
  content: "\e67c";
  color: inherit;
}

.esri-icon-locked:before {
  content: "\e67d";
  color: inherit;
}

.esri-icon-unlocked:before {
  content: "\e67e";
  color: inherit;
}

.esri-icon-favorites:before {
  content: "\e67f";
  color: inherit;
}

.esri-icon-compass:before {
  content: "\e680";
  color: inherit;
}

.esri-icon-down:before {
  content: "\e681";
  color: inherit;
}

.esri-icon-up:before {
  content: "\e682";
  color: inherit;
}

.esri-icon-chat:before {
  content: "\e683";
  color: inherit;
}

.esri-icon-dock-bottom:before {
  content: "\e684";
  color: inherit;
}

.esri-icon-dock-left:before {
  content: "\e685";
  color: inherit;
}

.esri-icon-dock-right:before {
  content: "\e686";
  color: inherit;
}

.esri-icon-organization:before {
  content: "\e687";
  color: inherit;
}

.esri-icon-north-navigation:before {
  content: "\e688";
  color: inherit;
}

.esri-icon-locate-circled:before {
  content: "\e689";
  color: inherit;
}

.esri-icon-dial:before {
  content: "\e68a";
  color: inherit;
}

.esri-icon-polygon:before {
  content: "\e68b";
  color: inherit;
}

.esri-icon-polyline:before {
  content: "\e68c";
  color: inherit;
}

.esri-icon-visible:before {
  content: "\e68d";
  color: inherit;
}

.esri-icon-non-visible:before {
  content: "\e68e";
  color: inherit;
}

.esri-icon-link-vertical:before {
  content: "\e68f";
  color: inherit;
}

.esri-icon-unlocked-link-vertical:before {
  content: "\e690";
  color: inherit;
}

.esri-icon-link-horizontal:before {
  content: "\e691";
  color: inherit;
}

.esri-icon-unlocked-link-horizontal:before {
  content: "\e692";
  color: inherit;
}

.esri-icon-swap:before {
  content: "\e693";
  color: inherit;
}

.esri-icon-cta-link-external:before {
  content: "\e694";
  color: inherit;
}

.esri-icon-reply:before {
  content: "\e695";
  color: inherit;
}

.esri-icon-public:before {
  content: "\e696";
  color: inherit;
}

.esri-icon-share2:before {
  content: "\e697";
  color: inherit;
}

.esri-icon-launch-link-external:before {
  content: "\e698";
  color: inherit;
}

.esri-icon-rotate-back:before {
  content: "\e699";
  color: inherit;
}

.esri-icon-pan2:before {
  content: "\e69a";
  color: inherit;
}

.esri-icon-tracking:before {
  content: "\e69b";
  color: inherit;
}

.esri-icon-expand2:before {
  content: "\e69c";
  color: inherit;
}

.esri-icon-arrow-down:before {
  content: "\e69d";
  color: inherit;
}

.esri-icon-arrow-up:before {
  content: "\e69e";
  color: inherit;
}

.esri-icon-hollow-eye:before {
  content: "\e69f";
  color: inherit;
}

.esri-icon-play-circled:before {
  content: "\e6a0";
  color: inherit;
}

.esri-icon-volume-off:before {
  content: "\e6a1";
  color: inherit;
}

.esri-icon-volume-on:before {
  content: "\e6a2";
  color: inherit;
}

.esri-icon-bookmark:before {
  content: "\e900";
  color: inherit;
}

.esri-icon-lightbulb:before {
  content: "\e901";
  color: inherit;
}

.esri-icon-sketch-rectangle:before {
  content: "\e902";
  color: inherit;
}

.esri-icon-north-navigation-filled:before {
  content: "\e903";
  color: inherit;
}

.esri-icon-default-action:before {
  content: "\e904";
  color: inherit;
}

.esri-icon-undo:before {
  content: "\e905";
  color: inherit;
}

.esri-icon-redo:before {
  content: "\e906";
  color: inherit;
}

.esri-icon-cursor:before {
  content: "\e907";
  color: inherit;
}

.esri-icon-cursor-filled:before {
  content: "\e908";
  color: inherit;
}

.esri-icon-measure:before {
  content: "\e90a";
  color: inherit;
}

.esri-icon-measure-line:before {
  content: "\e909";
  color: inherit;
}

.esri-icon-measure-area:before {
  content: "\e90b";
  color: inherit;
}

.esri-view {
  display: flex;
  margin: 0;
  padding: 0;
}

.esri-view .esri-view-user-storage {
  overflow: hidden;
}

.esri-view .esri-view-root {
  position: relative;
  flex: 1 1 100%;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}

.esri-view .esri-view-surface {
  position: absolute;
  border: none;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  user-select: none;
  direction: ltr;
}

.esri-view .esri-view-surface--touch-none {
  touch-action: none;
}

.esri-view .esri-view-surface--touch-pan {
  touch-action: pan-x pan-y;
}

.esri-view .esri-view-surface--inset-outline {
  outline: 0;
}

.esri-view .esri-view-surface--inset-outline:focus::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  outline: auto 2px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
  outline-offset: -3px;
  pointer-events: none;
  overflow: hidden;
}

.esri-view .esri-view-surface[data-cursor="copy"] {
  cursor: copy;
}

.esri-view .esri-view-surface[data-cursor="crosshair"] {
  cursor: crosshair;
}

.esri-view .esri-view-surface[data-cursor="help"] {
  cursor: help;
}

.esri-view .esri-view-surface[data-cursor="move"] {
  cursor: move;
}

.esri-view .esri-view-surface[data-cursor="pointer"] {
  cursor: pointer;
}

.esri-view .esri-view-surface[data-cursor="progress"] {
  cursor: progress;
}

.esri-view .esri-view-surface[data-cursor="grab"] {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.esri-view .esri-view-surface[data-cursor="grabbing"] {
  cursor: move;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.esri-view .esri-view-surface[data-cursor="n-resize"] {
  cursor: n-resize;
}

.esri-view .esri-view-surface[data-cursor="e-resize"] {
  cursor: e-resize;
}

.esri-view .esri-view-surface[data-cursor="s-resize"] {
  cursor: s-resize;
}

.esri-view .esri-view-surface[data-cursor="w-resize"] {
  cursor: w-resize;
}

.esri-view .esri-view-surface[data-cursor="ne-resize"] {
  cursor: ne-resize;
}

.esri-view .esri-view-surface[data-cursor="nw-resize"] {
  cursor: nw-resize;
}

.esri-view .esri-view-surface[data-cursor="se-resize"] {
  cursor: se-resize;
}

.esri-view .esri-view-surface[data-cursor="sw-resize"] {
  cursor: sw-resize;
}

.esri-view .esri-view-surface[data-cursor="ew-resize"] {
  cursor: ew-resize;
}

.esri-view .esri-view-surface[data-cursor="ns-resize"] {
  cursor: ns-resize;
}

.esri-view .esri-view-surface[data-cursor="nesw-resize"] {
  cursor: nesw-resize;
}

.esri-view .esri-view-surface[data-cursor="nwse-resize"] {
  cursor: nwse-resize;
}

.esri-view .esri-view-surface[data-interacting="true"] {
  cursor: move;
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.esri-view .esri-display-object,
.esri-view .esri-bitmap {
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-user-drag: none;
  -webkit-user-select: none;
}

.esri-view .esri-bitmap {
  max-width: none;
  transform-origin: top left;
}

.esri-ui {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
  font-size: 14px;
  z-index: 0;
}

.esri-ui .esri-component {
  pointer-events: auto;
}

.esri-ui .esri-attribution {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.esri-ui-corner {
  position: absolute;
  display: flex;
}

.esri-ui-inner-container {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.esri-ui-manual-container>.esri-component {
  position: absolute;
}

.esri-ui-manual-container .esri-swipe {
  z-index: -1;
}

.esri-ui-top-left,
.esri-ui-top-right {
  flex-flow: column;
}

.esri-ui-top-left {
  align-items: flex-start;
}

.esri-ui-top-right {
  align-items: flex-end;
}

.esri-ui-bottom-left,
.esri-ui-bottom-right {
  flex-flow: row;
  align-items: flex-end;
}

.esri-ui-bottom-right {
  flex-flow: row-reverse;
}

.esri-ui-top-left {
  top: 0;
  left: 0;
}

.esri-ui-top-right {
  top: 0;
  right: 0;
}

.esri-ui-top-right .esri-component,
.esri-ui-top-left .esri-component {
  margin-bottom: 10px;
}

.esri-ui-bottom-left {
  bottom: 0;
  left: 0;
}

.esri-ui-bottom-left .esri-component {
  margin-right: 10px;
}

.esri-ui-bottom-right {
  bottom: 0;
  right: 0;
}

.esri-ui-bottom-right .esri-component {
  margin-left: 10px;
}

html[dir="rtl"] .esri-ui-top-left {
  align-items: flex-end;
}

html[dir="rtl"] .esri-ui-top-right {
  align-items: flex-start;
}

html[dir="rtl"] .esri-ui-bottom-left {
  flex-direction: row-reverse;
}

html[dir="rtl"] .esri-ui-bottom-right {
  flex-direction: row;
}

.esri-zoom-box__container {
  position: relative;
  height: 100%;
  width: 100%;
}

.esri-zoom-box__overlay {
  cursor: crosshair;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.esri-zoom-box__overlay-background {
  fill: rgba(0,0,0,0.1);
}

.esri-zoom-box__outline {
  fill: transparent;
  stroke: dodgerblue;
  stroke-dasharray: 1, 1;
  stroke-width: 2px;
}

.esri-overlay-surface {
  position: absolute;
  border: none;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  user-select: none;
}

.esri-text-overlay-item {
  display: block;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.3em;
}

.esri-text-overlay-item-anchor-bottom {
  transform: translate(-50%, -100%);
}

.esri-text-overlay-item-anchor-bottom-right {
  transform: translate(-100%, -100%);
}

.esri-text-overlay-item-anchor-bottom-left {
  transform: translate(0, -100%);
}

.esri-text-overlay-item-anchor-top {
  transform: translate(-50%, 0);
}

.esri-text-overlay-item-anchor-top-right {
  transform: translate(-100%, 0);
}

.esri-text-overlay-item-anchor-top-left {
  transform: translate(0, 0);
}

.esri-text-overlay-item-anchor-center {
  transform: translate(-50%, -50%);
}

.esri-text-overlay-item-anchor-right {
  transform: translate(-100%, -50%);
}

.esri-text-overlay-item-anchor-left {
  transform: translate(0, -50%);
}

.esri-line-overlay-item {
  display: block;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
}

.esri-widget {
  box-sizing: border-box;
  color: #323232;
  font-size: 14px;
  font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.3em;
  background-color: #fff;
}

.esri-widget *,
.esri-widget *:before,
.esri-widget *:after {
  box-sizing: inherit;
}

.esri-widget__anchor {
  text-decoration: none;
  color: #0079c1;
}

.esri-widget__anchor:hover {
  color: #00598e;
}

.esri-widget__anchor--disabled {
  pointer-events: none;
  opacity: .4;
}

.esri-widget__header {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex: 1 0 100%;
  padding: 12px 0 12px 15px;
  justify-content: space-between;
  min-height: 48px;
  width: 100%;
}

.esri-widget__header .esri-widget__heading {
  align-items: center;
  color: #6e6e6e;
  display: flex;
  margin: 0;
  padding: 0;
  width: calc(100% - 48px);
}

.esri-widget__header-button {
  -webkit-appearance: none;
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  border: none;
  color: #6e6e6e;
  cursor: pointer;
  display: flex;
  flex: 0 0 48px;
  justify-content: center;
  padding: 0;
  width: 48px;
}

.esri-widget__heading {
  color: #323232;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

h1.esri-widget__heading {
  font-size: 20px;
}

h2.esri-widget__heading {
  font-size: 16px;
}

h3.esri-widget__heading,
h4.esri-widget__heading,
h5.esri-widget__heading,
h6.esri-widget__heading {
  font-size: 14px;
}

.esri-widget__footer {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: center;
  min-height: 48px;
  width: 100%;
}

.esri-widget__footer-pagination {
  align-items: center;
  color: #6e6e6e;
  display: flex;
  justify-content: space-between;
}

.esri-widget__footer-pagination-previous-button,
.esri-widget__footer-pagination-next-button {
  background-color: transparent;
  border: 0;
  margin: 0 7px;
  padding: 12px 15px;
  cursor: pointer;
  transition: background-color 125ms ease-in-out;
}

.esri-widget__footer-pagination-previous-button:hover,
.esri-widget__footer-pagination-previous-button:focus,
.esri-widget__footer-pagination-next-button:hover,
.esri-widget__footer-pagination-next-button:focus {
  background-color: #f0f0f0;
  color: #2e2e2e;
}

.esri-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 0;
  margin: 2px 0 0 0;
  font-size: 14px;
  line-height: 16px;
  -moz-background-clip: padding;
  background-clip: padding-box;
  overflow: hidden;
  width: 100%;
  visibility: hidden;
  max-height: 0;
}

.esri-menu .esri-menu__header {
  padding: 6px 12px;
  background-color: #4c4c4c;
  color: #fff;
}

.esri-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.esri-menu__list-item {
  padding: 0.8em 1em;
  cursor: pointer;
  border-top: solid 1px rgba(110,110,110,0.3);
  border-left: 3px solid transparent;
}

.esri-menu__list-item:first-child {
  border-top: none;
}

.esri-menu__list-item:hover,
.esri-menu__list-item:focus {
  background-color: #f0f0f0;
}

.esri-menu__list-item:active {
  background-color: #e2f1fb;
}

.esri-menu__list-item--active,
.esri-menu__list-item--active:hover,
.esri-menu__list-item--active:focus {
  background-color: #e2f1fb;
  border-left-color: #0079c1;
}

.esri-menu__list-item [class^="esri-icon"] {
  padding-right: 2.8px;
}

.esri-widget__table {
  color: #323232;
  border: none;
  border-collapse: collapse;
  width: 100%;
}

.esri-widget__table tr:nth-child(odd) {
  background-color: rgba(76,76,76,0.1);
}

.esri-widget__table tr:nth-child(even) {
  background-color: rgba(76,76,76,0.02);
}

.esri-widget__table tr a {
  color: #6e6e6e;
}

.esri-widget__table tr a:hover,
.esri-widget__table tr a:focus {
  color: #2e2e2e;
}

.esri-widget__table tr td,
.esri-widget__table tr th {
  padding: 0.5em 0.7em;
  word-break: break-word;
  vertical-align: top;
  font-size: 12px;
  font-weight: 400;
}

.esri-widget__table tr th {
  width: 50%;
  text-align: left;
  border-right: 3px solid rgba(0,0,0,0.05);
}

.esri-widget__table tr td {
  width: 50%;
}

.esri-input {
  background-color: #fff;
  border: 1px solid rgba(110,110,110,0.3);
  color: #323232;
  font-family: inherit;
  font-size: 14px;
}

.esri-input[type="text"],
.esri-input[type="number"] {
  height: 32px;
  padding: 0 0.5em;
}

.esri-input::-ms-clear {
  display: none;
}

.esri-input::-moz-placeholder {
  color: rgba(50,50,50,0.4);
  opacity: 1;
}

.esri-input:-ms-input-placeholder {
  color: rgba(50,50,50,0.4);
}

.esri-input::-webkit-input-placeholder {
  color: rgba(50,50,50,0.4);
}

.esri-button {
  align-items: center;
  background-color: #0079c1;
  border: 1px solid #0079c1;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: 14px;
  min-height: 32px;
  justify-content: center;
  overflow: hidden;
  padding: 6px 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  transition: background-color 125ms ease-in-out, border 125ms ease-in-out;
}

.esri-button:hover {
  background-color: #00598e;
  border: 1px solid #00598e;
  color: #fff;
}

.esri-button--secondary {
  background-color: transparent;
  color: #0079c1;
}

.esri-button--tertiary {
  background-color: transparent;
  border-color: transparent;
  color: #0079c1;
}

.esri-button--tertiary:hover {
  background-color: transparent;
  border-color: transparent;
  color: #00598e;
  text-decoration: underline;
}

.esri-button--disabled {
  opacity: .4;
  pointer-events: none;
}

[class*="esri-icon"] {
  font-size: 16px;
  display: inline-block;
}

.esri-widget__content--empty {
  align-items: center;
  color: #6e6e6e;
  display: flex;
  flex-flow: column wrap;
  padding: 18px 22px;
  text-align: center;
}

.esri-widget__content--empty h1.esri-widget__heading,
.esri-widget__content--empty h2.esri-widget__heading,
.esri-widget__content--empty h3.esri-widget__heading,
.esri-widget__content--empty h4.esri-widget__heading,
.esri-widget__content--empty h5.esri-widget__heading {
  font-weight: 400;
}

.esri-widget__content-illustration--empty {
  padding: 1rem 0;
  width: 128px;
}

.esri-widget__content-icon--empty {
  padding: 0.5rem 0;
  width: 32px;
}

.esri-select {
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 0.85em;
  width: 100%;
  height: 32px;
  color: #323232;
  border: 1px solid rgba(110,110,110,0.3);
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  padding: 0 0.5em;
  background: url("data:image/svg+xml,%3Csvg width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M11%2013l5%205.833L21%2013z%27%20fill%3D%27%236e6e6e%27%20fill-rule%3D%27nonzero%27/%3E%3C/svg%3E") no-repeat right center #fff;
}

.esri-select::-ms-expand {
  display: none;
}

.esri-disabled a,
.esri-disabled [class*="esri-icon"],
.esri-disabled [role="menu"],
.esri-disabled [role="checkbox"] {
  color: rgba(110,110,110,0.4);
}

.keynav-mode .esri-widget:focus {
  outline: 2px solid #6e6e6e;
  outline-offset: 2px;
  z-index: 1;
}

.keynav-mode .esri-widget *:focus {
  outline: 2px solid #6e6e6e;
  outline-offset: 2px;
  z-index: 1;
}

.esri-widget__loader-animation {
  animation: esri-rotate 1250ms infinite linear;
  transform: translateZ(0);
  border: 0.15em solid transparent;
  border-color: rgba(50,50,50,0.8) rgba(110,110,110,0.3) rgba(110,110,110,0.3) rgba(110,110,110,0.3);
  border-radius: 100%;
  display: block;
  font-size: 16px;
  height: 1em;
  width: 1em;
}

.esri-widget--button {
  font-size: 14px;
  background-color: #fff;
  color: #6e6e6e;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  transition: background-color 125ms ease-in-out;
}

.esri-widget--button:hover {
  background-color: #f0f0f0;
  color: #2e2e2e;
}

.esri-widget--button:active {
  background-color: #e2f1fb;
}

.esri-ui-corner .esri-component {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.esri-ui-corner .esri-expand .esri-widget--panel,
.esri-ui-corner .esri-expand .esri-widget--panel-height-only,
.esri-ui-corner .esri-component.esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel-height-only {
  min-height: 32px;
  transition: max-height 250ms ease-in-out;
  overflow-y: auto;
}

.esri-ui-corner .esri-expand .esri-widget--panel,
.esri-ui-corner .esri-expand .esri-widget--panel-height-only,
.esri-ui-corner .esri-component .esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel {
  width: 300px;
}

.esri-view-height-greater-than-medium .esri-expand .esri-widget--panel,
.esri-view-height-greater-than-medium .esri-expand .esri-widget--panel-height-only,
.esri-view-height-greater-than-medium .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-greater-than-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 680px;
}

.esri-view-height-medium .esri-expand .esri-widget--panel,
.esri-view-height-medium .esri-expand .esri-widget--panel-height-only,
.esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 540px;
}

.esri-view-height-small .esri-expand .esri-widget--panel,
.esri-view-height-small .esri-expand .esri-widget--panel-height-only,
.esri-view-height-small .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-small .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 420px;
}

.esri-view-height-xsmall .esri-expand .esri-widget--panel,
.esri-view-height-xsmall .esri-expand .esri-widget--panel-height-only,
.esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 240px;
}

.esri-ui-bottom-right .esri-menu,
.esri-ui-bottom-left .esri-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 2px;
}

html[dir="rtl"] .esri-widget__table th {
  text-align: right;
  border-right: none;
  border-left: 3px solid rgba(0,0,0,0.05);
}

html[dir="rtl"] .esri-select {
  background-position: left 50%;
}

html[dir="rtl"] .esri-menu__list-item [class^="esri-icon"] {
  padding-right: 0;
  padding-left: 2px;
}

html[dir="rtl"] .esri-menu__list-item {
  border-left: none;
  border-right: 3px solid transparent;
}

html[dir="rtl"] .esri-menu__list-item--active {
  border-right-color: #0079c1;
}

.esri-icon-font-fallback-text {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

[class^="esri-icon"] {
  animation: none;
}

@keyframes esri-fade-in {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

20%:before,
20%:after {
  content: "";
  opacity: 1;
  position: absolute;
  height: 2px;
  top: 0;
  transition: opacity 500ms ease-in-out;
}

20%:before {
  background-color: rgba(110,110,110,0.3);
  width: 100%;
  z-index: 0;
}

20%:after {
  background-color: #6e6e6e;
  width: 20%;
  z-index: 0;
  animation: looping-progresss-bar-ani 1500ms linear infinite;
}

.esri-rotating {
  animation: esri-rotate 1250ms infinite linear;
  transform: translateZ(0);
}

.esri-clearfix:before,
.esri-clearfix:after {
  content: " ";
  display: table;
}

.esri-clearfix:after {
  clear: both;
}

.esri-interactive {
  cursor: pointer;
}

.esri-hidden {
  display: none !important;
}

.esri-invisible {
  visibility: hidden !important;
}

.esri-offscreen {
  position: absolute;
  top: -999em;
  left: -999em;
}

.esri-area-measurement-2d__measurement {
  padding: 12px 15px;
  margin: 12px 0;
  background-color: #f5f5f5;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-area-measurement-2d__container {
  position: relative;
  padding: 12px 0;
  overflow-y: auto;
}

.esri-area-measurement-2d__container a {
  text-decoration: none;
}

.esri-area-measurement-2d__header {
  position: relative;
  font-size: 12px;
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  flex: 0 0 auto;
}

.esri-area-measurement-2d__header-title,
h1 .esri-area-measurement-2d__header-title {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
  margin: 0;
  display: block;
  flex: 1;
  word-break: break-word;
  text-align: left;
}

.esri-area-measurement-2d__panel--error {
  color: #8c2907;
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-area-measurement-2d__hint {
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-area-measurement-2d__hint-text {
  margin: 12px 0;
  padding: 0;
}

.esri-area-measurement-2d__measurement {
  padding: 12px 15px;
  margin: 12px 0;
  background-color: #f5f5f5;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-area-measurement-2d__measurement-item {
  display: flex;
  padding-bottom: 12px;
  flex-flow: column;
}

.esri-area-measurement-2d__measurement-item--disabled {
  display: flex;
  color: rgba(50,50,50,0.4);
}

.esri-area-measurement-2d__measurement-item-title {
  padding-bottom: 3px;
}

.esri-area-measurement-2d__measurement-item-value {
  font-weight: 600;
}

.esri-area-measurement-2d__settings {
  display: flex;
  justify-content: space-between;
  padding: 6px 15px;
}

.esri-area-measurement-2d__units {
  display: flex;
  flex: 0 1 48%;
  flex-flow: column;
  padding: 0;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-area-measurement-2d__units:only-child {
  flex: 1 0 100%;
}

.esri-area-measurement-2d__units-select {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 2.7em;
}

.esri-area-measurement-2d__units-select-wrapper {
  width: 100%;
}

.esri-area-measurement-2d__actions {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0 15px;
}

html[dir="rtl"] .esri-area-measurement-2d__units-select {
  padding-left: 2.7em;
  padding-right: 0.5em;
}

.esri-attribution {
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(255,255,255,0.65);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.esri-attribution__link {
  color: currentColor;
}

.esri-attribution__link:hover,
.esri-attribution__link:active,
.esri-attribution__link:visited,
.esri-attribution__link:focus {
  color: currentColor;
}

.esri-attribution__sources {
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
  align-self: flex-start;
  flex: 1 0;
}

.esri-attribution__sources[role="button"] {
  font-size: 1em;
}

.esri-attribution__powered-by {
  font-weight: 400;
  padding: 0 5px;
  text-align: right;
  white-space: nowrap;
  align-self: flex-end;
}

.esri-attribution--open {
  z-index: 2;
}

.esri-attribution__sources--open {
  white-space: normal;
}

html[dir="rtl"] .esri-attribution__powered-by {
  text-align: left;
}

.esri-basemap-gallery {
  color: #323232;
  background-color: #fff;
  overflow-y: auto;
  position: relative;
  width: auto;
}

.esri-basemap-gallery__item-container {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  transition: opacity 250ms ease-in-out;
  list-style: none;
  margin: 0;
  padding: 0;
}

.esri-basemap-gallery--source-refreshing .esri-basemap-gallery__item-container {
  opacity: .4;
}

.esri-basemap-gallery__empty-message {
  padding: 12px 15px;
  animation: esri-fade-in 500ms ease-in-out;
}

.esri-basemap-gallery__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 7px;
  cursor: pointer;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  animation: esri-fade-in 500ms ease-in-out;
  transition: background-color 250ms ease-in-out;
}

.esri-basemap-gallery__item:first-child {
  margin-top: 6px;
}

.esri-basemap-gallery__loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  animation: esri-fade-in 500ms ease-in-out;
}

.esri-basemap-gallery__loader:before,
.esri-basemap-gallery__loader:after {
  content: "";
  opacity: 1;
  position: absolute;
  height: 2px;
  top: 0;
  transition: opacity 500ms ease-in-out;
}

.esri-basemap-gallery__loader:before {
  background-color: rgba(110,110,110,0.3);
  width: 100%;
  z-index: 0;
}

.esri-basemap-gallery__loader:after {
  background-color: #6e6e6e;
  width: 20%;
  z-index: 0;
  animation: looping-progresss-bar-ani 1500ms linear infinite;
}

.esri-basemap-gallery__item--loading {
  cursor: auto;
  background-color: #f5f5f5;
  border-color: #fff;
}

.esri-basemap-gallery__item--error {
  cursor: auto;
  opacity: .4;
}

.esri-basemap-gallery__item-thumbnail {
  height: 64px;
  width: auto;
  box-shadow: 0 0 0 1px rgba(110,110,110,0.3);
}

@supports (object-fit: cover) {
  .esri-basemap-gallery__item-thumbnail {
    height: 64px;
    width: 64px;
    object-fit: cover;
  }
}

.esri-basemap-gallery__item-title {
  font-size: 12px;
  word-break: break-word;
  color: #6e6e6e;
  padding: 0 7px;
}

.esri-basemap-gallery__item--selected,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
  cursor: auto;
  border-left-color: #0079c1;
  background-color: #e2f1fb;
}

.esri-basemap-gallery__item--selected .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus .esri-basemap-gallery__item-title {
  color: #323232;
}

.esri-basemap-gallery__item:hover,
.esri-basemap-gallery__item:focus {
  outline: none;
  background-color: #f0f0f0;
  border-left-color: #f0f0f0;
}

.esri-basemap-gallery__item:hover .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item:focus .esri-basemap-gallery__item-title {
  color: #6e6e6e;
}

.esri-basemap-gallery__item.esri-basemap-gallery__item--error:hover,
.esri-basemap-gallery__item.esri-basemap-gallery__item--error:focus {
  background-color: #fff;
  border-color: transparent;
}

.esri-view .esri-basemap-gallery {
  min-width: 225px;
  max-width: 300px;
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component {
  width: 450px;
  max-width: initial;
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item-container {
  flex-flow: row wrap;
  align-items: baseline;
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item {
  border: 1px solid rgba(0,0,0,0);
  flex-flow: column wrap;
  width: 29.333%;
  margin: 3px 2%;
  padding: 12px 0;
  text-align: center;
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item-thumbnail {
  max-width: 100%;
  margin-bottom: 6px;
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item-title {
  margin-top: 6px;
  width: 100%;
}

.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item--selected,
.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
.esri-view-width-greater-than-large .esri-ui-corner .esri-basemap-gallery.esri-component .esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
  border-color: #0079c1;
}

html[dir="rtl"] .esri-basemap-gallery__item--selected,
html[dir="rtl"] .esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
html[dir="rtl"] .esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
  border-left-color: transparent;
  border-right-color: #0079c1;
}

.esri-basemap-layer-list {
  color: #323232;
  background-color: #f5f5f5;
  padding: 6px 7px;
  overflow-y: auto;
  display: flex;
  flex-flow: column;
}

.esri-basemap-layer-list__title-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3px 0;
}

.esri-widget__heading.esri-basemap-layer-list__main-heading {
  flex: 1 1;
  margin: 0;
  padding: 3px 3px 3px 0;
  font-size: 14px;
}

.esri-basemap-layer-list__editing-card {
  display: flex;
  flex-flow: column;
  padding: 12px 15px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  width: 100%;
  animation: esri-fade-in-down 250ms ease-in-out;
}

.esri-basemap-layer-list__editing-input {
  display: flex;
  flex-flow: column;
}

.esri-basemap-layer-list__editing-actions {
  display: flex;
  justify-content: flex-end;
  margin: 6px 0 0 0;
}

.esri-basemap-layer-list__editing-actions .esri-button {
  font-size: 12px;
  min-height: 16px;
  width: 33%;
}

.esri-basemap-layer-list__edit-button {
  background-color: transparent;
  border: none;
  color: #6e6e6e;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 32px;
  border-radius: 2px;
  transition: background-color 125ms ease-in-out;
  cursor: pointer;
}

.esri-basemap-layer-list__edit-button:hover,
.esri-basemap-layer-list__edit-button:focus {
  background-color: rgba(110,110,110,0.3);
  color: #2e2e2e;
}

.esri-widget__heading.esri-basemap-layer-list__list-heading {
  font-size: 12px;
  padding: 0;
  font-weight: 400;
}

.esri-basemap-layer-list__list {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
}

.esri-basemap-layer-list__item--has-children {
  padding-bottom: 6px;
}

.esri-basemap-layer-list__item--has-children .esri-basemap-layer-list__list:not([hidden]) {
  animation: esri-basemap-layer-list-reveal 375ms ease-in-out;
}

.esri-basemap-layer-list__list[hidden] {
  display: none;
}

.esri-basemap-layer-list__list--root {
  margin: 0;
}

.esri-basemap-layer-list__item--selectable .esri-basemap-layer-list__item-container {
  cursor: pointer;
}

.esri-basemap-layer-list__item--selectable .esri-basemap-layer-list__item-container:hover {
  border-left-color: rgba(110,110,110,0.3);
}

.esri-basemap-layer-list__item[aria-selected="true"]>.esri-basemap-layer-list__item-container {
  border-left-color: #0079c1;
}

.esri-basemap-layer-list__item[aria-selected="true"]>.esri-basemap-layer-list__item-container:hover {
  border-left-color: #0079c1;
}

.esri-basemap-layer-list__item-container ~ .esri-basemap-layer-list__list .esri-basemap-layer-list__item {
  border-bottom-width: 0;
}

.esri-basemap-layer-list__item {
  background-color: #fff;
  border-bottom: 1px solid rgba(110,110,110,0.3);
  position: relative;
  overflow: hidden;
  list-style: none;
  margin: 3px 0;
  padding: 0;
}

.esri-basemap-layer-list__item-container {
  border-left: 3px solid transparent;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 7px 12px 20px;
  transition: border-color 250ms ease-in-out;
}

.esri-basemap-layer-list__item--invisible-at-scale .esri-basemap-layer-list__item-title {
  color: rgba(110,110,110,0.4);
}

.esri-basemap-layer-list__item--has-children>.esri-basemap-layer-list__item-container {
  padding-left: 5px;
}

.esri-basemap-layer-list__item--has-children>.esri-basemap-layer-list__list {
  font-size: 12px;
}

.esri-basemap-layer-list__child-toggle {
  color: #6e6e6e;
  width: 15px;
  cursor: pointer;
}

.esri-basemap-layer-list__child-toggle [class*="esri-icon"] {
  line-height: 1.2em;
}

.esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--opened,
.esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed-rtl,
.esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--closed {
  display: none;
}

.esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--opened {
  display: block;
}

.esri-basemap-layer-list__item-label {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
}

.esri-basemap-layer-list__item-label[role="checkbox"]:hover,
.esri-basemap-layer-list__item-label[role="radio"]:hover {
  cursor: pointer;
}

.esri-basemap-layer-list__item-title {
  flex: 1;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.3em;
  word-break: break-word;
  overflow-wrap: break-word;
  transition: color 125ms ease-in-out;
}

.esri-basemap-layer-list__item-error-message {
  display: flex;
  align-items: center;
  visibility: hidden;
  height: 0;
  margin-top: -1px;
  padding: 3px 7px;
  overflow: hidden;
  background-color: rgba(140,41,7,0.1);
  color: #8c2907;
  font-size: 12px;
  transition: transform 250ms ease-in-out;
  transform: scale(1, 0);
  animation: esri-fade-in-down 250ms ease-in-out;
  transform-origin: center top;
}

.esri-basemap-layer-list__item-error-message [class^="esri-icon-"],
.esri-basemap-layer-list__item-error-message [class*="esri-icon-"] {
  margin-right: 0.3rem;
}

.esri-basemap-layer-list__item--error .esri-basemap-layer-list__item-error-message {
  visibility: visible;
  height: auto;
  transform: scale(1, 1);
}

.esri-basemap-layer-list__item-toggle {
  padding: 0 3px;
  cursor: pointer;
  color: #6e6e6e;
}

.esri-basemap-layer-list__item--updating:before,
.esri-basemap-layer-list__item--updating:after {
  content: "";
  opacity: 1;
  position: absolute;
  height: 2px;
  top: 0;
  transition: opacity 500ms ease-in-out;
}

.esri-basemap-layer-list__item--updating:before {
  background-color: rgba(110,110,110,0.3);
  width: 100%;
  z-index: 0;
}

.esri-basemap-layer-list__item--updating:after {
  background-color: #6e6e6e;
  width: 20%;
  z-index: 0;
  animation: looping-progresss-bar-ani 1500ms linear infinite;
}

.esri-basemap-layer-list__item-actions-menu {
  display: flex;
}

.esri-basemap-layer-list__item-actions-menu-item {
  display: flex;
  flex: 1 0 21px;
  justify-content: center;
  align-items: center;
  color: #6e6e6e;
  cursor: pointer;
  padding: 0 3px;
  transition: border-color 250ms ease-in-out;
}

.esri-basemap-layer-list__item-actions-menu-item:first-of-type {
  margin: 0 2px;
}

.esri-basemap-layer-list__item-actions-menu-item:hover {
  background-color: #f0f0f0;
}

.esri-basemap-layer-list__item-actions-menu-item--active,
.esri-basemap-layer-list__item-actions-menu-item--active:hover {
  background-color: #e2f1fb;
}

.esri-basemap-layer-list__item-actions {
  position: relative;
  background-color: #f5f5f5;
  color: #6e6e6e;
  margin: -1px 7px 6px;
  height: auto;
}

.esri-basemap-layer-list__item-actions[aria-expanded="true"] {
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-basemap-layer-list__item-actions-section {
  animation: esri-basemap-layer-list-reveal 375ms ease-in-out;
}

.esri-basemap-layer-list__item-actions[hidden] {
  display: none;
}

.esri-basemap-layer-list__item-actions-close {
  color: #6e6e6e;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 5px;
  z-index: 1;
}

.esri-basemap-layer-list__item-actions-list {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0;
  list-style: none;
  border-top: 2px solid #fff;
}

.esri-basemap-layer-list__item-actions-list:first-of-type {
  border-top: 0;
}

.esri-basemap-layer-list__item-action,
.esri-basemap-layer-list__action-toggle {
  border: 1px solid transparent;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  font-size: 12px;
  width: 100%;
  margin: 0;
  padding: 6px 15px;
  opacity: 1;
  transition: opacity 250ms ease-in-out 250ms, background-color 250ms ease-in-out;
}

.esri-basemap-layer-list__item-action {
  justify-content: flex-start;
  flex-flow: row;
}

.esri-basemap-layer-list__action-toggle {
  flex-flow: row-reverse;
  justify-content: space-between;
}

.esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__item-action-title {
  margin-left: 0;
}

.esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__item-action-icon {
  background-color: #4c4c4c;
  border-radius: 16px;
  box-shadow: 0 0 0 1px #fff;
  flex: 0 0 28px;
  height: 16px;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: background-color 125ms ease-in-out;
  width: 16px;
}

.esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__item-action-icon:before {
  background-color: #fff;
  border-radius: 100%;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  margin: 2px;
  position: absolute;
  top: 0;
  transition: background-color 125ms ease-in-out, left 125ms ease-in-out;
  width: 12px;
}

.esri-basemap-layer-list__action-toggle--on .esri-basemap-layer-list__item-action-icon {
  background-color: #fff;
}

.esri-basemap-layer-list__action-toggle--on .esri-basemap-layer-list__item-action-icon:before {
  background-color: #4c4c4c;
  box-shadow: 0 0 0 1px #4c4c4c;
  left: 12px;
}

.esri-basemap-layer-list__item-action:hover,
.esri-basemap-layer-list__action-toggle:hover {
  background-color: #f0f0f0;
}

.esri-basemap-layer-list__item-actions[hidden] .esri-basemap-layer-list__item-action {
  opacity: 0;
}

.esri-basemap-layer-list__item-action-icon {
  flex: 0 0 16px;
  font-size: 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 0.1em;
}

.esri-basemap-layer-list__item-action-image {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.esri-basemap-layer-list__item-action-title {
  margin-left: 5px;
}

.esri-basemap-layer-list-panel {
  margin: 12px 15px;
}

.esri-basemap-layer-list__hr {
  border: none;
  height: 1px;
  width: 100%;
  background-color: rgba(110,110,110,0.3);
}

.esri-basemap-layer-list__no-items {
  color: #6e6e6e;
  text-align: center;
  padding: 24px 15px;
}

.esri-basemap-layer-list-panel__content--legend .esri-legend__service {
  padding: 0 0 12px 0;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item--has-children>.esri-basemap-layer-list__item-container {
  padding-left: 20px;
  padding-right: 5px;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__list {
  margin: 0 15px 0 0;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__list--root {
  margin: 0;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed {
  display: none;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed-rtl {
  display: block;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--closed-rtl {
  display: none;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item-action-title {
  margin-left: 0;
  margin-right: 5px;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__action-toggle {
  margin-right: 0;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item:after {
  animation: looping-progresss-bar-ani 1500ms linear infinite reverse;
}

html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item-error-message [class^="esri-icon-"],
html[dir="rtl"] .esri-basemap-layer-list .esri-basemap-layer-list__item-error-message [class*="esri-icon-"] {
  margin-right: 0;
  margin-left: 0.3rem;
}

@keyframes esri-basemap-layer-list-reveal {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes esri-basemap-slide {
  0% {
    margin-top: 0;
    margin-left: 0;
    opacity: 0;
  }

  75% {
    margin-top: 0;
    margin-left: 0;
    opacity: 0;
  }

  100% {
    margin-top: 5px;
    margin-left: 5px;
    opacity: 1;
  }
}

.esri-classed-color-slider {
  direction: ltr;
  min-width: 260px;
}

.esri-classed-color-slider .esri-slider {
  font-size: 12px;
}

.esri-classed-color-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border-radius: 0;
  border: none;
  width: 6px;
  height: 12px;
}

.esri-classed-color-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}

.esri-classed-color-slider .esri-slider .esri-slider__track {
  flex: 0 1 0px;
  width: 0px;
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor {
  border-bottom: 1px solid #6e6e6e;
  border-top: 1px solid #fff;
  width: 30px;
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}

.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate3d(-1.5px, 0, 0);
}

.esri-classed-color-slider .esri-slider .esri-slider__thumb {
  left: -12px;
  top: -6px;
}

.esri-classed-color-slider .esri-slider .esri-slider__thumb:before {
  position: absolute;
  top: 0;
  left: -1.5px;
  width: 3px;
  content: "";
  height: 12px;
  background-color: #6e6e6e;
  transition: transform 125ms ease-in-out, background-color 125ms ease-in-out;
}

.esri-classed-color-slider .esri-slider .esri-slider__thumb:after {
  position: absolute;
  top: 0;
  left: 6px;
  content: "";
  border-bottom: 6px solid rgba(0,0,0,0);
  border-left: 6px solid #6e6e6e;
  border-top: 6px solid rgba(0,0,0,0);
  height: 0;
  width: 0;
}

.esri-classed-color-slider .esri-slider .esri-slider__label {
  left: auto;
  line-height: 20px;
  min-width: 50px;
  right: 50px;
  text-align: right;
}

.esri-classed-color-slider .esri-slider .esri-slider__label:hover {
  background-color: #f0f0f0;
}

.esri-classed-color-slider .esri-slider .esri-slider__range-input {
  margin: auto;
  text-align: center;
  width: 50%;
}

.esri-classed-color-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}

.esri-classed-color-slider .esri-slider .esri-slider__max,
.esri-classed-color-slider .esri-slider .esri-slider__min {
  flex: 0 0 40px;
  height: 40px;
  padding: 9px 0;
}

.esri-classed-color-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
}

.esri-classed-color-slider .esri-slider .esri-histogram__average-line,
.esri-classed-color-slider .esri-slider .esri-histogram__label {
  stroke: #6e6e6e;
}

.esri-classed-color-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}

.esri-classed-color-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}

.esri-classed-color-slider .esri-slider .zoom-cap {
  height: 11px;
  width: 30px;
  stroke-width: 0;
}

.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--mask {
  fill: #fff;
}

.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}

.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}

.esri-classed-color-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}

.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}

.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}

.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
  fill: #fff;
}

.esri-classed-color-slider__ramp {
  display: inline-block;
  height: 100%;
  width: 30px;
  position: relative;
}

.esri-classed-color-slider__ramp svg {
  height: 100%;
  width: 100%;
  position: absolute;
  stroke: #6e6e6e;
  stroke-width: 1px;
  left: 0;
}

.esri-classed-color-slider__ramp svg rect {
  height: 100%;
  width: 100%;
}

.esri-classed-color-slider__ramp svg path {
  stroke-width: .5px;
}

.esri-classed-color-slider__histogram-container {
  display: inline-block;
  height: 100%;
  width: 120px;
}

.esri-classed-size-slider {
  direction: ltr;
  min-width: 260px;
}

.esri-classed-size-slider .esri-slider {
  font-size: 12px;
}

.esri-classed-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border-radius: 0;
  border: none;
  width: 6px;
  height: 12px;
}

.esri-classed-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}

.esri-classed-size-slider .esri-slider .esri-slider__track {
  flex: 0 1 0px;
  width: 0px;
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor {
  border-bottom: 1px solid #6e6e6e;
  border-top: 1px solid #fff;
  width: 30px;
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}

.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate3d(-1.5px, 0, 0);
}

.esri-classed-size-slider .esri-slider .esri-slider__thumb {
  left: -12px;
  top: -6px;
}

.esri-classed-size-slider .esri-slider .esri-slider__thumb:before {
  position: absolute;
  top: 0;
  left: -1.5px;
  width: 3px;
  content: "";
  height: 12px;
  background-color: #6e6e6e;
  transition: transform 125ms ease-in-out, background-color 125ms ease-in-out;
}

.esri-classed-size-slider .esri-slider .esri-slider__thumb:after {
  position: absolute;
  top: 0;
  left: 6px;
  content: "";
  border-bottom: 6px solid rgba(0,0,0,0);
  border-left: 6px solid #6e6e6e;
  border-top: 6px solid rgba(0,0,0,0);
  height: 0;
  width: 0;
}

.esri-classed-size-slider .esri-slider .esri-slider__label {
  left: auto;
  line-height: 20px;
  min-width: 50px;
  right: 50px;
  text-align: right;
}

.esri-classed-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f0f0f0;
}

.esri-classed-size-slider .esri-slider .esri-slider__range-input {
  margin: auto;
  text-align: center;
  width: 50%;
}

.esri-classed-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}

.esri-classed-size-slider .esri-slider .esri-slider__max,
.esri-classed-size-slider .esri-slider .esri-slider__min {
  flex: 0 0 40px;
  height: 40px;
  padding: 9px 0;
}

.esri-classed-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
}

.esri-classed-size-slider .esri-slider .esri-histogram__average-line,
.esri-classed-size-slider .esri-slider .esri-histogram__label {
  stroke: #6e6e6e;
}

.esri-classed-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}

.esri-classed-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}

.esri-classed-size-slider .esri-slider .zoom-cap {
  height: 11px;
  width: 30px;
  stroke-width: 0;
}

.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--mask {
  fill: #fff;
}

.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}

.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}

.esri-classed-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}

.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}

.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}

.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
  fill: #fff;
}

.esri-classed-size-slider__ramp {
  display: inline-block;
  height: 100%;
  width: 30px;
  position: relative;
}

.esri-classed-size-slider__ramp svg {
  height: 100%;
  width: 100%;
  position: absolute;
  stroke: #6e6e6e;
  stroke-width: 1px;
  left: 0;
}

.esri-classed-size-slider__ramp svg rect {
  height: 100%;
  width: 100%;
}

.esri-classed-size-slider__ramp svg path {
  stroke-width: .5px;
}

.esri-classed-size-slider__histogram-container {
  display: inline-block;
  height: 100%;
  width: 120px;
}

.esri-color-size-slider {
  direction: ltr;
  min-width: 260px;
}

.esri-color-size-slider .esri-slider {
  font-size: 12px;
}

.esri-color-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border-radius: 0;
  border: none;
  width: 6px;
  height: 12px;
}

.esri-color-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}

.esri-color-size-slider .esri-slider .esri-slider__track {
  flex: 0 1 0px;
  width: 0px;
}

.esri-color-size-slider .esri-slider .esri-slider__anchor {
  border-bottom: 1px solid #6e6e6e;
  border-top: 1px solid #fff;
  width: 30px;
}

.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}

.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}

.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}

.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate3d(-1.5px, 0, 0);
}

.esri-color-size-slider .esri-slider .esri-slider__thumb {
  left: -12px;
  top: -6px;
}

.esri-color-size-slider .esri-slider .esri-slider__thumb:before {
  position: absolute;
  top: 0;
  left: -1.5px;
  width: 3px;
  content: "";
  height: 12px;
  background-color: #6e6e6e;
  transition: transform 125ms ease-in-out, background-color 125ms ease-in-out;
}

.esri-color-size-slider .esri-slider .esri-slider__thumb:after {
  position: absolute;
  top: 0;
  left: 6px;
  content: "";
  border-bottom: 6px solid rgba(0,0,0,0);
  border-left: 6px solid #6e6e6e;
  border-top: 6px solid rgba(0,0,0,0);
  height: 0;
  width: 0;
}

.esri-color-size-slider .esri-slider .esri-slider__label {
  left: auto;
  line-height: 20px;
  min-width: 50px;
  right: 50px;
  text-align: right;
}

.esri-color-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f0f0f0;
}

.esri-color-size-slider .esri-slider .esri-slider__range-input {
  margin: auto;
  text-align: center;
  width: 50%;
}

.esri-color-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}

.esri-color-size-slider .esri-slider .esri-slider__max,
.esri-color-size-slider .esri-slider .esri-slider__min {
  flex: 0 0 40px;
  height: 40px;
  padding: 9px 0;
}

.esri-color-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
}

.esri-color-size-slider .esri-slider .esri-histogram__average-line,
.esri-color-size-slider .esri-slider .esri-histogram__label {
  stroke: #6e6e6e;
}

.esri-color-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}

.esri-color-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}

.esri-color-size-slider .esri-slider .zoom-cap {
  height: 11px;
  width: 30px;
  stroke-width: 0;
}

.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--mask {
  fill: #fff;
}

.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}

.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}

.esri-color-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}

.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}

.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}

.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
  fill: #fff;
}

.esri-color-size-slider__ramp {
  display: inline-block;
  height: 100%;
  width: 30px;
  position: relative;
}

.esri-color-size-slider__ramp svg {
  height: 100%;
  width: 100%;
  position: absolute;
  stroke: #6e6e6e;
  stroke-width: 1px;
  left: 0;
}

.esri-color-size-slider__ramp svg rect {
  height: 100%;
  width: 100%;
}

.esri-color-size-slider__ramp svg path {
  stroke-width: .5px;
}

.esri-color-size-slider__histogram-container {
  display: inline-block;
  height: 100%;
  width: 120px;
}

.esri-color-slider {
  direction: ltr;
  min-width: 260px;
}

.esri-color-slider .esri-slider {
  font-size: 12px;
}

.esri-color-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border-radius: 0;
  border: none;
  width: 6px;
  height: 12px;
}

.esri-color-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}

.esri-color-slider .esri-slider .esri-slider__track {
  flex: 0 1 0px;
  width: 0px;
}

.esri-color-slider .esri-slider .esri-slider__anchor {
  border-bottom: 1px solid #6e6e6e;
  border-top: 1px solid #fff;
  width: 30px;
}

.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}

.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}

.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}

.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate3d(-1.5px, 0, 0);
}

.esri-color-slider .esri-slider .esri-slider__thumb {
  left: -12px;
  top: -6px;
}

.esri-color-slider .esri-slider .esri-slider__thumb:before {
  position: absolute;
  top: 0;
  left: -1.5px;
  width: 3px;
  content: "";
  height: 12px;
  background-color: #6e6e6e;
  transition: transform 125ms ease-in-out, background-color 125ms ease-in-out;
}

.esri-color-slider .esri-slider .esri-slider__thumb:after {
  position: absolute;
  top: 0;
  left: 6px;
  content: "";
  border-bottom: 6px solid rgba(0,0,0,0);
  border-left: 6px solid #6e6e6e;
  border-top: 6px solid rgba(0,0,0,0);
  height: 0;
  width: 0;
}

.esri-color-slider .esri-slider .esri-slider__label {
  left: auto;
  line-height: 20px;
  min-width: 50px;
  right: 50px;
  text-align: right;
}

.esri-color-slider .esri-slider .esri-slider__label:hover {
  background-color: #f0f0f0;
}

.esri-color-slider .esri-slider .esri-slider__range-input {
  margin: auto;
  text-align: center;
  width: 50%;
}

.esri-color-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}

.esri-color-slider .esri-slider .esri-slider__max,
.esri-color-slider .esri-slider .esri-slider__min {
  flex: 0 0 40px;
  height: 40px;
  padding: 9px 0;
}

.esri-color-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
}

.esri-color-slider .esri-slider .esri-histogram__average-line,
.esri-color-slider .esri-slider .esri-histogram__label {
  stroke: #6e6e6e;
}

.esri-color-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}

.esri-color-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}

.esri-color-slider .esri-slider .zoom-cap {
  height: 11px;
  width: 30px;
  stroke-width: 0;
}

.esri-color-slider .esri-slider .zoom-cap .zoom-cap--mask {
  fill: #fff;
}

.esri-color-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}

.esri-color-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}

.esri-color-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}

.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}

.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}

.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
  fill: #fff;
}

.esri-color-slider__ramp {
  display: inline-block;
  height: 100%;
  width: 30px;
  position: relative;
}

.esri-color-slider__ramp svg {
  height: 100%;
  width: 100%;
  position: absolute;
  stroke: #6e6e6e;
  stroke-width: 1px;
  left: 0;
}

.esri-color-slider__ramp svg rect {
  height: 100%;
  width: 100%;
}

.esri-color-slider__ramp svg path {
  stroke-width: .5px;
}

.esri-color-slider__histogram-container {
  display: inline-block;
  height: 100%;
  width: 120px;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 12px rgba(232,76,61,0);
  }
}

@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 12px rgba(232,76,61,0);
  }
}

@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 12px rgba(232,76,61,0);
  }
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 12px rgba(232,76,61,0);
  }
}

.esri-daylight {
  padding: 12px;
  min-width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.esri-daylight .esri-widget__anchor {
  font-size: 12px;
}

.esri-daylight .esri-daylight__panel--error {
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-daylight .esri-daylight__container {
  margin: 6px 0 6px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.esri-daylight .esri-daylight__container .esri-slider {
  width: inherit;
  flex-grow: 1;
}

.esri-daylight .esri-daylight__container .esri-slider .esri-slider__tick-label {
  font-size: 10px;
  line-height: normal;
  margin-top: 14px;
  text-align: center;
}

.esri-daylight .esri-daylight__container .esri-slider .esri-slider__tick-label .esri-label__ampm {
  font-size: 7px;
}

.esri-daylight .esri-daylight__container .esri-slider .esri-slider__label-input {
  font-size: 10px;
}

.esri-daylight .esri-daylight__container .esri-slider .esri-daylight__container__tick {
  width: 2px;
  margin: -3px 0 0 -3px;
  border-color: #fff;
  border-style: solid;
  border-width: 3px 3px 5px 3px;
  box-sizing: content-box;
}

.esri-daylight .esri-daylight__container .esri-slider .esri-daylight__container__tick:hover {
  border-color: #f0f0f0;
}

.esri-daylight .esri-daylight__container .esri-slider .esri-daylight__container__labelled-tick {
  height: 8px;
}

.esri-daylight .esri-daylight__container .esri-date-picker,
.esri-daylight .esri-daylight__container .esri-daylight__season-picker {
  flex-grow: 1;
}

.esri-daylight .esri-daylight__container .esri-daylight__play-pause-button {
  box-shadow: 0 1px 2px rgba(0,0,0,0.125);
  margin-left: 24px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  flex-grow: 0;
  padding: 4px;
  fill: #fff;
}

.esri-daylight .esri-daylight__container .esri-daylight__play-pause-button.esri-icon-play:before {
  content: none;
}

.esri-daylight .esri-daylight__container .esri-daylight__play-pause-button.esri-icon-pause {
  padding: 0px 6px 1px 8px;
  animation: pulse 1s infinite cubic-bezier(0.66, 0, 0, 1);
}

.esri-daylight .esri-daylight__container .esri-daylight__play-pause-button.esri-icon-pause svg {
  display: none;
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal ~ .esri-daylight__play-pause-button {
  margin-bottom: 17px;
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal .esri-slider-with-dropdown__box {
  font-size: 10px;
  min-width: inherit;
  white-space: nowrap;
  margin: 0;
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal .esri-slider-with-dropdown__box .esri-slider__label {
  left: auto;
  margin: 0;
  min-width: auto;
  outline: none;
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-on {
  width: 100px;
  left: -46px;
}

.esri-daylight .esri-daylight__container .esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-off {
  width: 60px;
  left: -30px;
}

.esri-daylight .esri-daylight__checkbox {
  width: auto;
  padding: inherit;
  min-height: auto;
  margin-right: 6px;
  background-color: transparent;
  border: none;
  color: #0079c1;
}

.esri-daylight .esri-daylight__shadow-container {
  margin: 6px 0 6px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.esri-daylight .esri-slider--date-on .esri-slider {
  padding: 20px 24px 50px 24px;
}

.esri-daylight .esri-slider--date-off .esri-slider {
  padding: 20px 24px 40px 24px;
}

.esri-daylight .esri-slider--shadow-on .esri-slider__thumb {
  box-shadow: 2px 2px 5px 0px rgba(148,148,148,0.63);
}

.esri-daylight .esri-slider-with-dropdown__anchor {
  font-size: 10px;
}

.esri-daylight .esri-slider-with-dropdown__box .esri-slider__label-input {
  width: 50px;
}

.esri-slider-with-dropdown__box {
  text-align: center;
}

.esri-slider-with-dropdown__box .esri-slider__label {
  display: inline-block;
  position: static;
}

.esri-slider-with-dropdown__box .esri-slider__label-input {
  display: inline-block;
}

.esri-slider__anchor:focus .esri-slider-with-dropdown__box.esri-slider__label {
  outline: none !important;
}

.esri-slider-with-dropdown__dropdown-root {
  display: inline-block;
  margin-left: 4px;
}

.esri-slider-with-dropdown__anchor {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.esri-slider-with-dropdown__anchor--closed::after {
  content: "\25bf";
  visibility: hidden;
}

.esri-slider-with-dropdown__anchor--closed:hover::after {
  visibility: visible;
}

.esri-slider-with-dropdown__anchor--open::after {
  content: "\25b5";
}

.esri-ui-top-right .esri-slider-with-dropdown__list,
.esri-ui-bottom-right .esri-slider-with-dropdown__list {
  left: -190px;
}

.esri-ui-top-left .esri-slider-with-dropdown__list,
.esri-ui-bottom-left .esri-slider-with-dropdown__list {
  right: -186px;
}

.esri-ui-top-left .esri-slider-with-dropdown__list,
.esri-ui-top-right .esri-slider-with-dropdown__list {
  top: 0.5em;
}

.esri-ui-bottom-left .esri-slider-with-dropdown__list,
.esri-ui-bottom-right .esri-slider-with-dropdown__list {
  bottom: 0.5em;
}

.esri-slider-with-dropdown__list {
  position: absolute;
  padding: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(110,110,110,0.15);
  height: 350px;
  width: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  text-align: left;
  white-space: inherit;
  font-size: 12px;
}

.esri-slider-with-dropdown__list-item {
  display: flex;
  flex-direction: column;
  padding: 7px 10px 7px 8px;
}

.esri-slider-with-dropdown__list-item:hover {
  background-color: #f0f0f0;
}

.esri-slider-with-dropdown__list-item--selected {
  background-color: #e2f1fb;
}

html[dir="rtl"] .esri-slider-with-dropdown__dropdown-root {
  margin-left: 0;
  margin-right: 4px;
}

html[dir="rtl"] .esri-daylight .esri-daylight__container .esri-daylight__play-pause-button {
  margin-right: 24px;
  margin-left: 0;
}

html[dir="rtl"] .esri-daylight .esri-daylight__checkbox {
  margin-left: 6px;
  margin-right: 0;
}

html[dir="rtl"] .esri-daylight .esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-on {
  right: -46px;
  left: auto;
}

html[dir="rtl"] .esri-daylight .esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-off {
  right: -30px;
  left: auto;
}

.esri-distance-measurement-2d__container {
  position: relative;
  padding: 12px 0;
  overflow-y: auto;
}

.esri-distance-measurement-2d__container a {
  text-decoration: none;
}

.esri-distance-measurement-2d__header {
  position: relative;
  font-size: 12px;
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  flex: 0 0 auto;
}

.esri-distance-measurement-2d__header-title,
h1 .esri-distance-measurement-2d__header-title {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
  margin: 0;
  display: block;
  flex: 1;
  word-break: break-word;
  text-align: left;
}

.esri-distance-measurement-2d__panel--error {
  color: #8c2907;
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-distance-measurement-2d__hint {
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-distance-measurement-2d__hint-text {
  margin: 12px 0;
  padding: 0;
}

.esri-distance-measurement-2d__measurement {
  padding: 12px 15px;
  margin: 12px 0;
  background-color: #f5f5f5;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-distance-measurement-2d__measurement-item {
  display: flex;
  padding-bottom: 12px;
  flex-flow: column;
}

.esri-distance-measurement-2d__measurement-item--disabled {
  display: flex;
  color: rgba(50,50,50,0.4);
}

.esri-distance-measurement-2d__measurement-item-title {
  padding-bottom: 3px;
}

.esri-distance-measurement-2d__measurement-item-value {
  font-weight: 600;
}

.esri-distance-measurement-2d__settings {
  display: flex;
  justify-content: space-between;
  padding: 6px 15px;
}

.esri-distance-measurement-2d__units {
  display: flex;
  flex: 0 1 48%;
  flex-flow: column;
  padding: 0;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-distance-measurement-2d__units:only-child {
  flex: 1 0 100%;
}

.esri-distance-measurement-2d__units-select {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 2.7em;
}

.esri-distance-measurement-2d__units-select-wrapper {
  width: 100%;
}

.esri-distance-measurement-2d__actions {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0 15px;
}

html[dir="rtl"] .esri-distance-measurement-2d__units-select {
  padding-left: 2.7em;
  padding-right: 0.5em;
}

.esri-editor {
  display: flex;
  flex-direction: column;
  position: relative;
}

.esri-editor__header {
  padding: 0 11px;
  font-size: 16px;
  border-bottom: 1px solid rgba(110,110,110,0.3);
  display: flex;
  align-items: center;
  height: 56px;
}

.esri-editor__title {
  text-align: center;
  flex: 1 1 auto;
  overflow: hidden;
}

.esri-editor__content {
  background-color: #f5f5f5;
  padding: 6px 7px 0;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 auto;
  min-height: 20vh;
  display: flex;
  flex-direction: row;
  animation: esri-fade-in 250ms ease-in-out;
  transition: min-height 250ms ease-in-out;
}

.esri-editor__content:empty {
  min-height: 0;
}

.esri-editor__message {
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
}

.esri-editor__scroller {
  overflow-y: auto;
  padding-top: 6px;
  padding-bottom: 12px;
  align-items: stretch;
}

.esri-editor .esri-feature-form {
  width: 100%;
  padding: 0;
}

.esri-editor .esri-item-list {
  background-color: transparent;
}

.esri-editor .esri-item-list__group {
  margin-left: 0;
  margin-right: 0;
}

.esri-editor__temp-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.esri-editor__back-button {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background-color: #f8f8f8;
  transition: background-color 125ms ease-in-out;
}

.esri-editor__back-button:hover {
  background-color: #f0f0f0;
  color: #2e2e2e;
}

.esri-editor__controls {
  border-top: 1px solid rgba(110,110,110,0.3);
  padding: 12px 15px;
  display: flex;
  flex-direction: column;
}

.esri-editor__control-button {
  margin-bottom: 6px;
  min-height: 32px;
}

.esri-editor__feature-list-item {
  box-shadow: 0 1px 0 rgba(110,110,110,0.3);
  padding: 12px 3px;
  background-color: #fff;
  cursor: pointer;
  margin: 3px 0;
  border: 1px solid rgba(110,110,110,0.3);
  border-color: transparent;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  transition: border-color 125ms ease-in-out;
}

.esri-editor__feature-list-item:hover,
.esri-editor__feature-list-item:focus {
  border-color: #000;
}

.esri-editor__feature-list-item:active {
  background-color: #e2f1fb;
  color: #6e6e6e;
}

.esri-editor__feature-list-item[class^="esri-icon"] {
  padding-right: 2.8px;
}

.esri-editor__feature-list-item--disabled {
  pointer-events: none;
  opacity: .4;
}

.esri-editor__feature-list-icon {
  flex: 0 0 auto;
  padding: 0 7px;
}

.esri-editor__feature-list-index {
  text-align: right;
  flex-basis: 2ch;
}

.esri-editor__feature-list-name {
  flex: 1 1 auto;
  margin: 0 7px;
}

.esri-editor__feature-list {
  width: 100%;
  margin: 0;
  padding: 3px 3px;
  list-style: none;
}

.esri-editor__warning-card {
  background-color: #fff;
  border-top: solid 3px #de2900;
  color: #323232;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 12px 15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 85%;
  display: flex;
  flex-flow: column nowrap;
  animation: esri-fade-in-up 250ms ease-in-out;
}

.esri-editor__warning-icon {
  color: inherit;
}

.esri-editor__warning-header {
  color: #8c2907;
  display: flex;
  margin-bottom: 12px;
  flex: 0 0 auto;
}

.esri-editor__warning-heading {
  color: #323232;
  margin: 0 3px;
}

.esri-editor__warning-message {
  color: inherit;
  font-weight: 400;
  word-break: break-word;
  flex: 1 1 auto;
  overflow: auto;
  overflow-x: hidden;
  padding: 0 0 12px 0;
}

.esri-editor__warning-divider {
  color: inherit;
  margin: 0 0 12px 0;
  border-bottom: 1px solid rgba(110,110,110,0.3);
  border-color: rgba(110,110,110,0.15);
  flex: 0 0 auto;
}

.esri-editor__warning-option {
  margin: 6px 0;
  cursor: pointer;
  flex: 0 0 auto;
}

.esri-editor__warning-option--positive {
  color: #0079c1;
}

.esri-editor__warning-option--negative {
  color: #8c2907;
}

.esri-editor__overlay {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0,0,0,0.7);
}

.esri-editor__progress-bar {
  position: absolute;
  width: 100%;
}

.esri-editor__mode-selection {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.esri-ui .esri-editor {
  width: 300px;
}

.esri-ui .esri-editor__scroller {
  max-height: 270px;
}

.esri-ui .esri-editor .esri-item-list__scroller {
  max-height: 190px;
}

.esri-editor__progress-bar:before,
.esri-editor__progress-bar:after {
  content: "";
  opacity: 1;
  position: absolute;
  height: 2px;
  top: 0;
  transition: opacity 500ms ease-in-out;
}

.esri-editor__progress-bar:before {
  background-color: rgba(110,110,110,0.3);
  width: 100%;
  z-index: 0;
}

.esri-editor__progress-bar:after {
  background-color: #6e6e6e;
  width: 20%;
  z-index: 0;
  animation: looping-progresss-bar-ani 1500ms linear infinite;
}

.esri-expand {
  overflow: visible;
  min-height: 32px;
  min-width: 32px;
}

.esri-expand__container {
  position: relative;
  transition: 300ms;
}

.esri-expand__content {
  opacity: 0;
  width: 0;
  height: 0;
  z-index: 1;
  margin: 0 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: opacity 250ms ease-in-out, margin 250ms ease-in-out;
  overflow: hidden;
  visibility: hidden;
}

.esri-ui-top-left .esri-expand__content,
.esri-ui-bottom-left .esri-expand__content {
  left: 100%;
}

.esri-ui-top-right .esri-expand__content,
.esri-ui-bottom-right .esri-expand__content {
  right: 100%;
}

.esri-ui-top-left .esri-expand__content,
.esri-ui-top-right .esri-expand__content {
  top: 0;
}

.esri-ui-bottom-left .esri-expand__content,
.esri-ui-bottom-right .esri-expand__content {
  bottom: 0;
}

.esri-ui-top-left .esri-icon-expand,
.esri-ui-bottom-left .esri-icon-expand,
.esri-ui-top-left .esri-icon-collapse,
.esri-ui-bottom-left .esri-icon-collapse {
  transform: rotate(180deg);
}

.esri-expand__content--expanded {
  opacity: 1;
  width: auto;
  height: auto;
  overflow: visible;
  margin-left: 7px;
  margin-right: 7px;
  visibility: visible;
}

.esri-expand__content .esri-widget {
  box-shadow: none;
}

.esri-expand__icon-number {
  position: absolute;
  top: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1em;
  padding: 0.125em 0.333em;
  height: 16px;
  border-radius: 16px;
  background-color: #6e6e6e;
  color: #fff;
  transform-origin: 50%;
  animation: expand-number-intro-ani 1000ms ease-in-out;
}

.esri-ui-top-left .esri-expand__icon-number,
.esri-ui-bottom-left .esri-expand__icon-number {
  right: -6px;
}

.esri-ui-top-right .esri-expand__icon-number,
.esri-ui-bottom-right .esri-expand__icon-number {
  left: -6px;
}

.esri-ui-bottom-right .esri-expand__icon-number--expanded,
.esri-ui-top-right .esri-expand__icon-number--expanded,
.esri-ui-bottom-left .esri-expand__icon-number--expanded,
.esri-ui-top-left .esri-expand__icon-number--expanded {
  position: static;
  top: auto;
  left: auto;
  right: auto;
}

.esri-expand__icon-number--expanded {
  display: none;
}

.esri-view-height-greater-than-medium .esri-ui-corner .esri-component .esri-expand__content {
  max-height: 680px;
}

.esri-view-height-medium .esri-ui-corner .esri-component .esri-expand__content {
  max-height: 540px;
}

.esri-view-height-small .esri-ui-corner .esri-component .esri-expand__content {
  max-height: 420px;
}

.esri-view-height-xsmall .esri-ui-corner .esri-component .esri-expand__content {
  max-height: 240px;
}

.esri-expand--drawer .esri-widget {
  max-width: 100%;
  width: 100%;
}

.esri-expand--drawer .esri-expand__container--expanded {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0;
  height: 100%;
  background: #fff;
  z-index: 1;
  overflow: auto;
}

.esri-expand--drawer .esri-expand__container--expanded .esri-expand__panel {
  display: flex;
  justify-content: space-between;
  padding: 1.023rem;
  align-items: center;
}

.esri-expand--drawer .esri-expand__container--expanded .esri-expand__panel .esri-expand__icon-number--expanded {
  display: block;
}

.esri-expand--drawer .esri-expand__mask--expanded {
  background-color: #000;
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  opacity: 0.8;
  z-index: 1;
}

.esri-ui-top-right .esri-expand--drawer .esri-expand__panel,
.esri-ui-bottom-right .esri-expand--drawer .esri-expand__panel {
  flex-flow: row nowrap;
}

.esri-ui-top-right .esri-expand--drawer .esri-expand__container--expanded,
.esri-ui-bottom-right .esri-expand--drawer .esri-expand__container--expanded {
  width: 75%;
  max-width: 300px;
  animation: expand-slide-rtl-ani 300ms forwards;
}

.esri-ui-top-left esri-expand--drawer .esri-expand__panel,
.esri-ui-bottom-left esri-expand--drawer .esri-expand__panel {
  flex-flow: row-reverse nowrap;
}

.esri-ui-top-left esri-expand--drawer .esri-expand__container--expanded,
.esri-ui-bottom-left esri-expand--drawer .esri-expand__container--expanded {
  width: 75%;
  max-width: 300px;
  animation: expand-slide-ltr-ani 300ms forwards;
}

.esri-view-width-xsmall .esri-expand--auto .esri-widget {
  max-width: 100%;
  width: 100%;
}

.esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0;
  height: 100%;
  background: #fff;
  z-index: 1;
  overflow: auto;
}

.esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded .esri-expand__panel {
  display: flex;
  justify-content: space-between;
  padding: 1.023rem;
  align-items: center;
}

.esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded .esri-expand__panel .esri-expand__icon-number--expanded {
  display: block;
}

.esri-view-width-xsmall .esri-expand--auto .esri-expand__mask--expanded {
  background-color: #000;
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  opacity: 0.8;
  z-index: 1;
}

.esri-view-width-xsmall .esri-ui-top-right .esri-expand--auto .esri-expand__panel,
.esri-view-width-xsmall .esri-ui-bottom-right .esri-expand--auto .esri-expand__panel {
  flex-flow: row nowrap;
}

.esri-view-width-xsmall .esri-ui-top-right .esri-expand--auto .esri-expand__container--expanded,
.esri-view-width-xsmall .esri-ui-bottom-right .esri-expand--auto .esri-expand__container--expanded {
  width: 75%;
  max-width: 300px;
  animation: expand-slide-rtl-ani 300ms forwards;
}

.esri-view-width-xsmall .esri-ui-top-left esri-expand--auto .esri-expand__panel,
.esri-view-width-xsmall .esri-ui-bottom-left esri-expand--auto .esri-expand__panel {
  flex-flow: row-reverse nowrap;
}

.esri-view-width-xsmall .esri-ui-top-left esri-expand--auto .esri-expand__container--expanded,
.esri-view-width-xsmall .esri-ui-bottom-left esri-expand--auto .esri-expand__container--expanded {
  width: 75%;
  max-width: 300px;
  animation: expand-slide-ltr-ani 300ms forwards;
}

.esri-expand--floating .esri-expand__content {
  position: absolute;
}

.esri-expand--floating .esri-expand__mask,
.esri-expand--floating .esri-expand__content-panel {
  display: none;
}

.esri-view-width-greater-than-xsmall .esri-expand--auto .esri-expand__content {
  position: absolute;
}

.esri-view-width-greater-than-xsmall .esri-expand--auto .esri-expand__mask,
.esri-view-width-greater-than-xsmall .esri-expand--auto .esri-expand__content-panel {
  display: none;
}

@keyframes expand-slide-rtl-ani {
  from {
    right: -600px;
  }

  to {
    right: 0;
  }
}

@keyframes expand-slide-ltr-ani {
  from {
    left: -600px;
  }

  to {
    left: 0;
  }
}

@keyframes expand-number-intro-ani {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.25);
  }

  100% {
    transform: scale(1);
  }
}

.esri-feature__title {
  font-size: 14px;
  display: block;
  word-break: break-word;
  word-wrap: break-word;
}

.esri-feature__media,
.esri-feature__attachments,
.esri-feature__media-container {
  display: flex;
}

.esri-feature__loading-container {
  width: 100%;
  justify-content: center;
  display: flex;
  padding: 12px 0;
}

.esri-icon-loading-indicator {
  display: inline-block;
}

.esri-feature {
  width: 100%;
}

.esri-feature h1,
.esri-feature h2,
.esri-feature h3,
.esri-feature h4,
.esri-feature h5,
.esri-feature h6 {
  margin: 0.5em 0 0.5em 0;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.3em;
}

.esri-feature h1 {
  font-size: 20px;
}

.esri-feature h2 {
  font-size: 16px;
}

.esri-feature h3,
.esri-feature h4,
.esri-feature h5,
.esri-feature h6 {
  font-size: 14px;
}

.esri-feature p {
  font-size: 14px;
  line-height: 1.3em;
  margin: 0 0 1.2em;
}

.esri-feature img {
  max-width: 100%;
  max-height: 100%;
}

.esri-feature figcaption {
  font-size: 12px;
  font-style: italic;
  padding: 0;
  margin: 0.2em 0 0;
  display: block;
}

.esri-feature ul {
  margin-bottom: 1rem;
  padding: 0 0 0 1rem;
}

.esri-feature li {
  margin: 0.3em 0;
}

.esri-feature a {
  color: #6e6e6e;
}

.esri-feature a:hover,
.esri-feature a:focus {
  color: #2e2e2e;
}

.esri-feature__content-element {
  padding: 0 7px 24px;
}

.esri-feature__content-element:last-child {
  padding-bottom: 0;
}

.esri-feature__field-data--date {
  text-transform: capitalize;
}

.esri-feature__attachments-title {
  margin: 0 auto 0 0;
  font-weight: 600;
}

.esri-feature__attachments {
  flex-flow: column wrap;
  align-items: flex-start;
}

.esri-feature .esri-feature__attachments-items {
  display: flex;
  padding: 12px 0;
  margin: 6px 0;
  width: 100%;
}

.esri-feature .esri-feature__attachments-item {
  line-height: 1.2em;
  list-style-type: none;
  margin: 0;
}

.esri-feature__attachment-item-mask {
  display: flex;
  overflow: hidden;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
}

.esri-feature__attachment-item-mask--icon {
  background-color: #f5f5f5;
}

.esri-feature__attachment-item-mask--icon .esri-feature__attachments-image {
  width: 32px;
  height: 32px;
}

.esri-feature__attachments-image-overlay {
  align-items: center;
  background-color: rgba(0,0,0,0.7);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 125ms;
  z-index: 2;
}

.esri-feature__attachments-link-icon {
  font-size: 15px;
  transform: translate(0, -10px);
  transition: transform 125ms ease-out;
}

.esri-feature .esri-feature__attachments-item-link {
  background-color: transparent;
  color: #6e6e6e;
  display: flex;
  text-decoration: none;
  transition: background-color 250ms;
}

.esri-feature__attachments-item-link:hover,
.esri-feature__attachments-item-link:focus {
  color: #2e2e2e;
  background-color: #f0f0f0;
  cursor: pointer;
}

.esri-feature__attachments-item-link:hover .esri-feature__attachments-image-overlay,
.esri-feature__attachments-item-link:focus .esri-feature__attachments-image-overlay {
  color: #fff;
  opacity: 1;
}

.esri-feature__attachments-item-link:hover .esri-feature__attachments-link-icon,
.esri-feature__attachments-item-link:focus .esri-feature__attachments-link-icon {
  transform: translate(0, 0);
}

.esri-feature__attachments--list .esri-feature__attachments-items {
  flex-direction: column;
  flex-wrap: nowrap;
}

.esri-feature__attachments--list .esri-feature__attachments-item {
  margin-top: 3px;
}

.esri-feature__attachments--list .esri-feature__attachments-item:first-child {
  margin-top: 0;
}

.esri-feature__attachments--list .esri-feature__attachments-item-link {
  align-items: center;
  word-break: break-all;
}

.esri-feature__attachments--list .esri-feature__attachment-item-mask {
  margin-right: 7px;
}

.esri-feature__attachments--list .esri-feature__attachments-filename {
  flex: 1;
}

.esri-feature__attachments--preview .esri-feature__attachments-items {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.esri-feature__attachments--preview .esri-feature__attachments-item {
  margin-bottom: 12px;
  width: 100%;
}

.esri-feature__attachments--preview .esri-feature__attachment-item-mask {
  width: 100%;
  height: auto;
}

.esri-feature__attachments--preview .esri-feature__attachments-image {
  max-width: 100%;
}

.esri-feature__attachments--preview .esri-feature__attachments-item-link {
  align-items: center;
  flex-flow: row wrap;
  justify-content: center;
  padding-bottom: 12px;
}

.esri-feature__attachments--preview .esri-feature__attachments-filename {
  margin-top: 12px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  width: calc(100% - 15px);
}

.esri-feature__attachments--preview .esri-feature__attachment-item-mask--icon {
  background-color: transparent;
}

.esri-feature__media {
  flex-flow: row wrap;
  align-items: center;
}

.esri-feature__media-item-title {
  font-size: 16px;
  padding: 0.3rem 0 0;
}

.esri-feature__media-item-caption {
  font-size: 12px;
  padding: 0.1rem 0 0;
}

.esri-feature__media-container {
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  min-height: 150px;
  margin-top: 6px;
}

.esri-feature__media-container .esri-feature__button {
  justify-content: center;
  align-items: center;
  flex: 0 1 15%;
  font-size: 20px;
  color: #6e6e6e;
  display: none;
}

.esri-feature__media-container .esri-feature__button:hover {
  cursor: pointer;
  color: #2e2e2e;
}

.esri-feature__media-item {
  max-width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.esri-feature__media-chart {
  background-color: #fff;
  min-width: 250px;
  width: 100%;
  height: 250px;
}

.esri-feature__media-previous-icon--rtl,
.esri-feature__media-next-icon--rtl {
  display: none;
}

.esri-feature--media-pagination-visible .esri-feature__media-container .esri-feature__button {
  display: flex;
}

.esri-feature--media-pagination-visible .esri-feature__media-item-container {
  flex: 0 0 70%;
}

.esri-feature--media-pagination-visible .esri-feature__media-summary {
  display: flex;
}

.esri-feature--media-pagination-visible .esri-feature__media-chart {
  height: 225px;
}

.esri-feature__last-edited-info {
  font-size: 12px;
  padding-top: 6px;
}

.esri-view-width-xlarge .esri-feature .esri-feature__media-item img {
  max-width: 380px;
}

.esri-view-width-xlarge .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
  max-width: 320px;
}

.esri-view-width-large .esri-feature .esri-feature__media-item img {
  max-width: 280px;
}

.esri-view-width-large .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
  max-width: 220px;
}

.esri-view-width-medium .esri-feature .esri-feature__media-item img {
  max-width: 240px;
}

.esri-view-width-medium .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
  max-width: 180px;
}

.esri-view-width-small .esri-feature .esri-feature__media-item img {
  max-width: 225px;
}

.esri-view-width-small .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
  max-width: 165px;
}

.esri-view-width-xsmall .esri-feature .esri-feature__media-item img {
  max-width: 180px;
}

.esri-view-width-xsmall .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
  max-width: 120px;
}

.esri-view-width-xsmall .esri-docked .esri-feature .esri-feature__media-item img {
  max-width: 300px;
}

.esri-view-width-xsmall .esri-docked .esri-feature .esri-feature--media-pagination-visible .esri-feature__media-item img {
  max-width: 240px;
}

html[dir="rtl"] .esri-feature__attachments-title {
  margin: 0 0 0 auto;
}

html[dir="rtl"] .esri-feature__media-summary {
  margin: 0 auto 0 0;
}

html[dir="rtl"] .esri-feature__media-image-summary {
  margin: 0 0.5em 0 0;
}

html[dir="rtl"] .esri-feature__media-previous-icon--rtl,
html[dir="rtl"] .esri-feature__media-next-icon--rtl {
  display: inline-block;
}

html[dir="rtl"] .esri-feature__media-previous-icon,
html[dir="rtl"] .esri-feature__media-next-icon {
  display: none;
}

html[dir="rtl"] .esri-feature__attachments--list .esri-feature__attachment-item-mask {
  margin-right: 0;
  margin-left: 7px;
}

.esri-feature-form {
  background-color: #f5f5f5;
  padding: 12px 6px;
}

.esri-feature-form__form {
  display: flex;
  flex-direction: column;
}

.esri-feature-form__label {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 12px;
  position: relative;
  opacity: 1;
}

.esri-feature-form__input {
  margin-top: 4px;
  width: 100%;
  resize: horizontal;
}

.esri-feature-form__input--date,
.esri-feature-form__input--time {
  resize: none;
}

.esri-feature-form__input--disabled {
  opacity: .4;
}

.esri-feature-form__input--invalid {
  border: 1px solid #de2900;
}

.esri-feature-form__input-icon--invalid {
  position: absolute;
  top: 30px;
  right: 4px;
  color: #8c2907;
  background-color: #fff;
}

.esri-feature-form__input:focus+.esri-feature-form__input-icon--invalid {
  display: none;
}

.esri-feature-form__field-error-message {
  padding: 7px 0;
  font-size: 12px;
}

.esri-feature-form__date-input-container {
  display: flex;
}

.esri-feature-form__date-input-part {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.esri-feature-form__date-input-part:first-child .esri-feature-form__input {
  border-right: none;
}

.esri-feature-form__date-format-hint {
  color: #6e6e6e;
  font-size: 12px;
  padding: 0.5em 0.5em 0 0.5em;
}

.esri-feature-form__group-description {
  margin: 6px 0 4px 0;
}

.esri-feature-form__group-label {
  font-weight: bolder;
  margin-bottom: 6px;
}

.esri-feature-form__group {
  border: none;
  border-left: 4px solid rgba(110,110,110,0.3);
  padding: 0 6px;
  margin: 6px 7px;
  min-inline-size: unset;
  transition: border-color 250ms;
}

.esri-feature-form__group .esri-feature-form__label {
  margin-top: 12px;
  margin-bottom: 0;
}

.esri-feature-form__group--sequential .esri-feature-form__label {
  transition: opacity 250ms, margin 250ms;
}

.esri-feature-form__group--active {
  border-color: #0079c1;
}

.esri-feature-form__group--collapsed {
  cursor: pointer;
}

.esri-feature-form__group--collapsed .esri-feature-form__label {
  pointer-events: none;
  opacity: 0;
  height: 0;
  margin: 0;
}

.esri-feature-form__description-text {
  margin: 6px 0 0 0;
  font-size: 12px;
  color: #6e6e6e;
}

html[dir="rtl"] .esri-feature-form__group {
  border-left: none;
  border-right: 4px solid rgba(110,110,110,0.3);
}

html[dir="rtl"] .esri-feature-form__date-input-part:first-child .esri-feature-form__input {
  border-right: 1px solid rgba(110,110,110,0.3);
  border-left: none;
}

.esri-heatmap-slider {
  direction: ltr;
  min-width: 260px;
}

.esri-heatmap-slider .esri-slider {
  font-size: 12px;
}

.esri-heatmap-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border-radius: 0;
  border: none;
  width: 6px;
  height: 12px;
}

.esri-heatmap-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}

.esri-heatmap-slider .esri-slider .esri-slider__track {
  flex: 0 1 0px;
  width: 0px;
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor {
  border-bottom: 1px solid #6e6e6e;
  border-top: 1px solid #fff;
  width: 30px;
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}

.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate3d(-1.5px, 0, 0);
}

.esri-heatmap-slider .esri-slider .esri-slider__thumb {
  left: -12px;
  top: -6px;
}

.esri-heatmap-slider .esri-slider .esri-slider__thumb:before {
  position: absolute;
  top: 0;
  left: -1.5px;
  width: 3px;
  content: "";
  height: 12px;
  background-color: #6e6e6e;
  transition: transform 125ms ease-in-out, background-color 125ms ease-in-out;
}

.esri-heatmap-slider .esri-slider .esri-slider__thumb:after {
  position: absolute;
  top: 0;
  left: 6px;
  content: "";
  border-bottom: 6px solid rgba(0,0,0,0);
  border-left: 6px solid #6e6e6e;
  border-top: 6px solid rgba(0,0,0,0);
  height: 0;
  width: 0;
}

.esri-heatmap-slider .esri-slider .esri-slider__label {
  left: auto;
  line-height: 20px;
  min-width: 50px;
  right: 50px;
  text-align: right;
}

.esri-heatmap-slider .esri-slider .esri-slider__label:hover {
  background-color: #f0f0f0;
}

.esri-heatmap-slider .esri-slider .esri-slider__range-input {
  margin: auto;
  text-align: center;
  width: 50%;
}

.esri-heatmap-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}

.esri-heatmap-slider .esri-slider .esri-slider__max,
.esri-heatmap-slider .esri-slider .esri-slider__min {
  flex: 0 0 40px;
  height: 40px;
  padding: 9px 0;
}

.esri-heatmap-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
}

.esri-heatmap-slider .esri-slider .esri-histogram__average-line,
.esri-heatmap-slider .esri-slider .esri-histogram__label {
  stroke: #6e6e6e;
}

.esri-heatmap-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}

.esri-heatmap-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}

.esri-heatmap-slider .esri-slider .zoom-cap {
  height: 11px;
  width: 30px;
  stroke-width: 0;
}

.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--mask {
  fill: #fff;
}

.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}

.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}

.esri-heatmap-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}

.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}

.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}

.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
  fill: #fff;
}

.esri-heatmap-slider__ramp {
  display: inline-block;
  height: 100%;
  width: 30px;
  position: relative;
}

.esri-heatmap-slider__ramp svg {
  height: 100%;
  width: 100%;
  position: absolute;
  stroke: #6e6e6e;
  stroke-width: 1px;
  left: 0;
}

.esri-heatmap-slider__ramp svg rect {
  height: 100%;
  width: 100%;
}

.esri-heatmap-slider__ramp svg path {
  stroke-width: .5px;
}

.esri-heatmap-slider__histogram-container {
  display: inline-block;
  height: 100%;
  width: 120px;
}

.esri-histogram {
  width: 100%;
  height: 100%;
}

.esri-histogram__content {
  height: 100%;
  width: 100%;
}

.esri-histogram__svg {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.esri-histogram__data-line {
  stroke: #888;
  stroke-width: 1px;
  shape-rendering: crispedges;
}

.esri-histogram__label {
  stroke: black;
  font-size: 12px;
  stroke-width: 0;
}

.esri-histogram__average-data-line {
  stroke: #444;
}

.esri-histogram__average-symbol {
  font-family: "Georgia, serif";
  font-style: italic;
}

.esri-histogram-range-slider {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 100%;
}

.esri-histogram-range-slider .esri-slider .esri-slider__label {
  top: 24px;
  display: none;
}

.esri-histogram-range-slider .esri-slider__anchor--moving .esri-slider__label {
  display: inline;
}

.esri-histogram-range-slider .esri-slider {
  font-size: 12px;
}

.esri-histogram-range-slider .esri-slider__content {
  display: flex;
  flex-direction: column-reverse;
}

.esri-histogram-range-slider .esri-slider__max {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: right;
}

.esri-histogram-range-slider .esri-slider__max .esri-slider__range-input {
  text-align: right;
}

.esri-histogram-range-slider .esri-slider__min {
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: left;
}

.esri-histogram-range-slider .esri-slider__min .esri-slider__range-input {
  text-align: left;
}

.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__max,
.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__min {
  display: inline;
  min-width: 50%;
}

.esri-histogram-range-slider .esri-histogram {
  display: flex;
  align-self: flex-end;
}

.esri-histogram-range-slider .esri-histogram__bar {
  touch-action: none;
}

.esri-histogram-range-slider .esri-slider__max .esri-slider__range-input {
  float: right;
}

.esri-histogram-range-slider__slider-container {
  align-self: flex-end;
  margin-bottom: 24px;
  width: 100%;
}

.esri-histogram-range-slider__histogram-container {
  display: flex;
  flex-grow: 1;
  height: 100%;
  min-height: 0;
  width: 100%;
}

.esri-histogram-range-slider__range-type--less-than .esri-slider__segment-0,
.esri-histogram-range-slider__range-type--at-most .esri-slider__segment-0 {
  background-color: #0079c1;
}

.esri-histogram-range-slider__range-type--greater-than .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--at-least .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--between .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--not-between .esri-slider__segment-1 {
  background-color: #0079c1;
}

.esriSignInDialog.esri-widget table tr :nth-child(even),
.esriSignInDialog.esri-widget table tr :nth-child(odd) {
  background-color: #fff;
}

.esriIdentityDialog--visible ~ .dijitTooltip {
  font-size: 14px;
  font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.esriIdentityDialog .dijitReset {
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  line-height: normal;
  color: inherit;
}

.esriIdentityDialog .dijitInline {
  display: inline-block;
  border: 0;
  padding: 0;
  vertical-align: middle;
}

.esriIdentityDialog table.dijitInline {
  display: inline-table;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.esriIdentityDialog .dijitVisible {
  display: block !important;
  position: relative;
  visibility: visible;
}

.esriIdentityDialog .dijitInputContainer {
  overflow: hidden;
  float: none !important;
  position: relative;
}

.esriIdentityDialog .dijitValidationTextBox .dijitValidationContainer {
  float: right;
  text-align: center;
}

.esriIdentityDialog .dijitTextBox input.dijitInputField {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.esriIdentityDialog .dijitValidationTextBox .dijitValidationContainer {
  display: none;
}

.esriIdentityDialog .dijitOffScreen {
  position: absolute !important;
  left: -10000px !important;
  top: -10000px !important;
}

.esriIdentityDialog .dijitContainer {
  overflow: hidden;
}

.esriIdentityDialog .dijitButtonNode * {
  vertical-align: middle;
}

.esriIdentityDialog .dijitLeft {
  background-position: left top;
  background-repeat: no-repeat;
}

.esriIdentityDialog .dijitStretch {
  white-space: nowrap;
  background-repeat: repeat-x;
}

.esriIdentityDialog .dijitRight {
  background-position: right top;
  background-repeat: no-repeat;
}

.esriIdentityDialog .dijitButton {
  margin: 0.2em;
  vertical-align: middle;
}

.esriIdentityDialog .dijitButtonContents {
  display: block;
}

.esriIdentityDialog td.dijitButtonContents {
  display: table-cell;
}

.esriIdentityDialog .dijitButtonNode img {
  vertical-align: middle;
}

.esriIdentityDialog .dijitButtonNode {
  border: 1px solid gray;
  margin: 0;
  line-height: normal;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}

.esriIdentityDialog .dijitTextBox .dijitButtonNode {
  border-width: 0;
}

.esriIdentityDialog .dijitButtonNode,
.esriIdentityDialog .dijitButtonNode * {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.esriIdentityDialog .dijitTextBox {
  border: solid black 1px;
  width: 15em;
  vertical-align: middle;
}

.esriIdentityDialog .dijitTextBoxReadOnly,
.esriIdentityDialog .dijitTextBoxDisabled {
  color: gray;
}

.esriIdentityDialog .dijitPlaceHolder {
  color: rgba(50,50,50,0.4);
  font-style: italic;
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  pointer-events: none;
}

.esriIdentityDialog .dijitTextBox input:focus {
  outline: none;
}

.esriIdentityDialog .dijitTextBoxFocused {
  outline: 5px -webkit-focus-ring-color;
}

.esriIdentityDialog .dijitTextBox input {
  float: left;
}

.esriIdentityDialog .dijitInputInner {
  border: 0 !important;
  background-color: transparent !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.esriIdentityDialog .dijitValidationTextBoxError input.dijitValidationInner {
  text-indent: -2em !important;
  direction: ltr !important;
  text-align: left !important;
  height: auto !important;
}

.esriIdentityDialog .dijitValidationTextBoxError .dijitValidationContainer {
  display: inline;
  cursor: default;
}

.esriIdentityDialog .dijitLayoutContainer {
  position: relative;
  display: block;
  overflow: hidden;
}

.esriIdentityDialog .dijitAlignTop,
.esriIdentityDialog .dijitAlignBottom,
.esriIdentityDialog .dijitAlignLeft,
.esriIdentityDialog .dijitAlignRight {
  position: absolute;
  overflow: hidden;
}

.esriIdentityDialog body .dijitAlignClient {
  position: absolute;
}

.esriIdentityDialog .dijitContentPane {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.esriIdentityDialog .dijitContentPaneSingleChild {
  overflow: hidden;
}

.esriIdentityDialog .dijitContentPaneLoading .dijitIconLoading,
.esriIdentityDialog .dijitContentPaneError .dijitIconError {
  margin-right: 9px;
}

.esriIdentityDialog--visible ~ .dijitTooltip {
  position: absolute;
  z-index: 2000;
  display: block;
  left: 0;
  top: -10000px;
  overflow: visible;
}

.esriIdentityDialog--visible ~ .dijitTooltip .dijitTooltipContainer {
  border: solid black 2px;
  background: #fff;
  color: #323232;
  font-size: small;
}

.esriIdentityDialog--visible ~ .dijitTooltip .dijitTooltipFocusNode {
  padding: 2px 2px 2px 2px;
}

.esriIdentityDialog--visible ~ .dijitTooltip .dijitTooltipConnector {
  position: absolute;
}

.esriIdentityDialog--visible ~ .dijitTooltip .dijitTooltipData {
  display: none;
}

.esriIdentityDialog.dijitDialog {
  position: absolute;
  z-index: 999;
  overflow: hidden;
}

.esriIdentityDialog.dijitDialog .closeText {
  display: none;
  position: absolute;
}

.esriIdentityDialog .dijitDialogTitleBar {
  cursor: move;
}

.esriIdentityDialog .dijitDialogFixed .dijitDialogTitleBar {
  cursor: default;
}

.esriIdentityDialog .dijitDialogCloseIcon {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.esriIdentityDialog .dijitDialogPaneContent {
  -webkit-overflow-scrolling: touch;
}

.dijitDialogUnderlayWrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 998;
  display: none;
  background: transparent !important;
}

.esriIdentityDialog .dijitNoIcon {
  display: none;
}

.esriIdentityDialog .dijitToggleButtonIconChar {
  display: none !important;
}

.esriIdentityDialog .dijitReadOnly *,
.esriIdentityDialog .dijitDisabled *,
.esriIdentityDialog .dijitReadOnly,
.esriIdentityDialog .dijitDisabled {
  cursor: default;
}

.esriIdentityDialog .dijitButtonNode {
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  user-select: none;
  color: #6e6e6e;
  background-color: #fff;
  transition: all 0.25s ease;
  border-color: rgba(110,110,110,0.3);
}

.esriIdentityDialog .dijitButtonNode:hover {
  color: #6e6e6e;
  background-color: #fff;
}

.esriIdentityDialog .dijitButtonNode:active,
.esriIdentityDialog .dijitButtonNode:focus {
  color: #0079c1;
  background-color: #fff;
}

.esriIdentityDialog .dijitButtonNode .dijitIcon {
  margin-right: 6px;
}

.esriIdentityDialog .dijitButtonContents {
  padding: 5px 10px;
}

.esriIdentityDialog .dijitButtonText {
  padding: 0;
  font-size: 12px;
  line-height: 1.66667;
  line-height: 20px;
  text-align: center;
}

.esriIdentityDialog .dijitDisabled {
  outline: none;
}

.esriIdentityDialog .dijitDisabled .dijitButtonNode {
  cursor: false;
  pointer-events: none;
  box-shadow: none;
}

.esriIdentityDialog .dijitDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}

.esriIdentityDialog.dijitDialog {
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(110,110,110,0.3);
  box-shadow: 0 1px 3px -1px rgba(0,0,0,0.2),0 5px 6px -3px rgba(0,0,0,0.1);
  background-clip: padding-box;
  outline: 0;
}

.esriIdentityDialog .dijitDialogTitleBar {
  padding: 15px;
  border-bottom: 1px solid rgba(110,110,110,0.3);
  min-height: 16.66667px;
}

.esriIdentityDialog .dijitDialogTitle {
  font-size: 16px;
  margin: 0;
  line-height: 1.66667;
}

.esriIdentityDialog .dijitDialogCloseIcon {
  float: right;
  font-family: "CalciteWebCoreIcons";
  speak: none;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1;
  color: #6e6e6e;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

.esriIdentityDialog .dijitDialogCloseIcon:before {
  content: "\e600";
}

.esriIdentityDialog .dijitDialogCloseIcon:hover,
.esriIdentityDialog .dijitDialogCloseIcon:focus {
  color: #6e6e6e;
  text-decoration: none;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.esriIdentityDialog .dijitDialogPaneContent {
  padding: 15px;
  position: relative;
}

.esriIdentityDialog .dijitDialogPaneContent>.dijitDialogPaneActionBar {
  margin: 15px -15px -15px;
}

.esriIdentityDialog .dijitDialogPaneContentArea {
  position: relative;
  padding: 0;
}

.esriIdentityDialog .dijitDialogPaneActionBar {
  padding: 15px;
  text-align: right;
  border-top: 1px solid rgba(110,110,110,0.3);
  *zoom: 1;
}

.esriIdentityDialog .dijitDialogPaneActionBar:after {
  content: "";
  display: table;
  clear: both;
}

.esriIdentityDialog .dijitDialogPaneActionBar .dijitButton+.dijitButton {
  margin-left: 5px;
}

.esriIdentityDialog_underlay.dijitDialogUnderlay {
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

.esriIdentityDialog .dijitTextBox {
  background-color: #fff;
  border: 1px solid rgba(110,110,110,0.3);
  transition: border-color 0.25s ease-in-out;
}

.esriIdentityDialog .dijitTextBox .dijitInputField {
  padding: 5px 10px;
  color: #323232;
  font-size: 12px;
  line-height: 1.66667;
}

.esriIdentityDialog .dijitTextBox .dijitInputInner {
  line-height: 1.66667;
  height: 20px;
}

.esriIdentityDialog .dijitTextBox .dijitPlaceHolder {
  font-style: normal;
  color: #6e6e6e;
}

.esriIdentityDialog .dijitTextBoxFocused {
  border-color: #000;
  outline: 0;
}

.esriIdentityDialog .dijitTextBoxFocused .dijitArrowButton {
  border-color: #000;
}

.esriIdentityDialog .dijitTextBoxError .dijitInputField {
  color: #c7461a;
}

.esriIdentityDialog .dijitTextBoxError,
.esriIdentityDialog .dijitTextBoxError.dijitTextBoxFocused,
.esriIdentityDialog .dijitTextBoxError .dijitArrowButton {
  border-color: #c7461a;
}

.esriIdentityDialog .dijitTextBoxError .dijitValidationContainer {
  width: 26px;
  padding: 5px;
  color: #c7461a;
  font-family: "CalciteWebCoreIcons";
  speak: none;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-indent: 0;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.25;
}

.esriIdentityDialog .dijitTextBoxError .dijitValidationContainer:before {
  content: "\e650";
}

.esriIdentityDialog .dijitTextBoxError .dijitValidationIcon {
  display: none;
}

.esriIdentityDialog .dijitTextBoxDisabled {
  background-color: rgba(110,110,110,0.4);
}

.esriIdentityDialog--visible ~ .dijitTooltip,
.esriIdentityDialog--visible ~ .dijitTooltip,
.esriIdentityDialog--visible ~ .dijitTooltip * {
  box-sizing: content-box;
}

.esriIdentityDialog--visible ~ .dijitTooltip .dijitTooltipContainer {
  border: 0;
  font-size: 12px;
  line-height: 1.4;
  max-width: 200px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #4c4c4c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

.esriIdentityDialog--visible ~ .dijitTooltip .dijitTooltipContents {
  padding: 5px 10px;
}

.esriIdentityDialog--visible ~ .dijitTooltip .dijitTooltipConnector {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipBelow {
  margin-top: 3px;
  padding-top: 5px;
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipBelow .dijitTooltipConnector {
  top: 0;
  left: 15px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(110,110,110,0.3);
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipAbove {
  margin-top: -3px;
  padding-bottom: 5px;
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipAbove .dijitTooltipConnector {
  bottom: 0;
  left: 15px;
  border-width: 5px 5px 0;
  border-top-color: rgba(110,110,110,0.3);
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipLeft {
  margin-left: -3px;
  padding-right: 5px;
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipLeft .dijitTooltipConnector {
  top: 50%;
  right: 0;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(110,110,110,0.3);
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipRight {
  margin-left: 3px;
  padding-left: 5px;
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipRight .dijitTooltipConnector {
  top: 50%;
  left: 0;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(110,110,110,0.3);
}

.dijitRtl .esriIdentityDialog .dijitOffScreen {
  left: auto !important;
  right: -10000px !important;
}

.dijitRtl .esriIdentityDialog .dijitPlaceHolder {
  left: auto;
  right: 0;
}

.esriIdentityDialog .dijitTextBoxRtl .dijitValidationContainer {
  border-right-width: 1px !important;
  border-left-width: 0 !important;
}

.esriIdentityDialog .dijitValidationTextBoxRtl .dijitValidationContainer {
  float: left;
}

.esriIdentityDialog .dijitRtl .dijitContentPaneLoading .dijitIconLoading,
.esriIdentityDialog .dijitRtl .dijitContentPaneError .dijitIconError {
  margin-right: 0;
  margin-left: 9px;
}

.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipBelow.dijitTooltipABRight .dijitTooltipConnector,
.esriIdentityDialog--visible ~ .dijitTooltip.dijitTooltipAbove.dijitTooltipABRight .dijitTooltipConnector {
  left: auto;
  right: 15px;
}

.esriIdentityDialog.dijitDialogRtl .dijitDialogCloseIcon {
  float: left;
}

.esriIdentityDialog.dijitDialogRtl .dijitDialogPaneActionBar {
  text-align: left;
}

.esriIdentityDialog.dijitDialogRtl .dijitDialogPaneActionBar .dijitButton+.dijitButton {
  margin-left: 0;
  margin-right: 5px;
}

.esriIdentityDialog .dijitContentPane {
  padding: 15px;
  box-sizing: content-box;
}

.esri-item-list {
  width: 100%;
}

.esri-item-list__filter-container {
  background: transparent;
  position: relative;
  display: flex;
  padding: 6px 7px;
  margin: 0 0 6px;
  overflow: hidden;
  flex-grow: 1;
}

.esri-item-list__filter-input {
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(110,110,110,0.3);
  background-color: transparent;
  padding: 6px 0;
  transition: border 250ms ease-in-out;
}

.esri-item-list__filter-input:focus {
  outline: none;
  border-color: #0079c1;
}

.esri-item-list__filter-placeholder {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #6e6e6e;
  margin: 6px 7px;
  padding: 0 7px;
  pointer-events: none;
}

.esri-item-list__filter-placeholder-text {
  margin: 0 3px;
}

.esri-item-list__group {
  color: #6e6e6e;
  padding: 0 15px 12px;
  margin: 4px 5px 6px 5px;
}

.esri-item-list__scroller {
  overflow-y: auto;
}

.esri-item-list__group-header {
  display: flex;
  align-items: center;
  margin: 12px 0;
  padding: 0;
  font-weight: normal;
}

.esri-item-list__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.esri-item-list__list-item-container {
  background: #fff;
  display: flex;
  margin: 0 2px;
  width: 100%;
}

.esri-item-list__list-item-container .esri-item-list__list-item-label {
  margin: 0 7px;
}

.esri-item-list__list-item {
  box-shadow: 0 1px 0 rgba(110,110,110,0.3);
  padding: 3px 3px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 2px;
  margin-bottom: 6px;
  border: 1px solid rgba(110,110,110,0.3);
  min-height: 48px;
  border-color: transparent;
  transition: border 250ms ease-in-out;
  display: flex;
  justify-content: space-between;
}

.esri-item-list__list-item:hover,
.esri-item-list__list-item:focus {
  border-color: #323232;
}

.esri-item-list__list-item[class^="esri-icon"] {
  padding-right: 2.8px;
}

.esri-item-list__list-item-label {
  flex: 1;
  margin: 0;
  display: flex;
  align-items: center;
}

.esri-item-list__no-matches-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 96px;
}

.esri-item-list__no-items-message {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
}

.esri-ui .esri-item-list__scroller {
  max-height: 420px;
}

.esri-layer-list {
  color: #323232;
  background-color: #f5f5f5;
  padding: 6px 7px;
  overflow-y: auto;
  display: flex;
  flex-flow: column;
}

.esri-layer-list__list {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
}

.esri-layer-list__item--has-children {
  padding-bottom: 6px;
}

.esri-layer-list__item--has-children .esri-layer-list__list:not([hidden]) {
  animation: esri-layer-list-reveal 375ms ease-in-out;
}

.esri-layer-list__list[hidden] {
  display: none;
}

.esri-layer-list__list--root {
  margin: 0;
}

.esri-layer-list__item--selectable .esri-layer-list__item-container {
  cursor: pointer;
}

.esri-layer-list__item--selectable .esri-layer-list__item-container:hover {
  border-left-color: rgba(110,110,110,0.3);
}

.esri-layer-list__item[aria-selected="true"]>.esri-layer-list__item-container {
  border-left-color: #0079c1;
}

.esri-layer-list__item[aria-selected="true"]>.esri-layer-list__item-container:hover {
  border-left-color: #0079c1;
}

.esri-layer-list__item-container ~ .esri-layer-list__list .esri-layer-list__item {
  border-bottom-width: 0;
}

.esri-layer-list__item {
  background-color: #fff;
  border-bottom: 1px solid rgba(110,110,110,0.3);
  position: relative;
  overflow: hidden;
  list-style: none;
  margin: 3px 0;
  padding: 0;
}

.esri-layer-list__item-container {
  border-left: 3px solid transparent;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 7px 12px 20px;
  transition: border-color 250ms ease-in-out;
}

.esri-layer-list__item--invisible-at-scale .esri-layer-list__item-title,
.esri-layer-list__item--invisible-at-scale .esri-layer-list__item-toggle {
  color: rgba(110,110,110,0.4);
}

.esri-layer-list__item--has-children>.esri-layer-list__item-container {
  padding-left: 5px;
}

.esri-layer-list__item--has-children>.esri-layer-list__list {
  font-size: 12px;
}

.esri-layer-list__child-toggle {
  color: #6e6e6e;
  width: 15px;
  cursor: pointer;
}

.esri-layer-list__child-toggle [class*="esri-icon"] {
  line-height: 1.2em;
}

.esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--opened,
.esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed-rtl,
.esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--closed {
  display: none;
}

.esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--opened {
  display: block;
}

.esri-layer-list__item-label {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
}

.esri-layer-list__item-label[role="checkbox"]:hover,
.esri-layer-list__item-label[role="radio"]:hover {
  cursor: pointer;
}

.esri-layer-list__item-title {
  flex: 1;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.3em;
  word-break: break-word;
  overflow-wrap: break-word;
  transition: color 125ms ease-in-out;
}

.esri-layer-list__item-error-message {
  display: flex;
  align-items: center;
  visibility: hidden;
  height: 0;
  margin-top: -1px;
  padding: 3px 7px;
  overflow: hidden;
  background-color: rgba(140,41,7,0.1);
  color: #8c2907;
  font-size: 12px;
  transition: transform 250ms ease-in-out;
  transform: scale(1, 0);
  animation: esri-fade-in-down 250ms ease-in-out;
  transform-origin: center top;
}

.esri-layer-list__item-error-message [class^="esri-icon-"],
.esri-layer-list__item-error-message [class*="esri-icon-"] {
  margin-right: 0.3rem;
}

.esri-layer-list__item--error .esri-layer-list__item-error-message {
  visibility: visible;
  height: auto;
  transform: scale(1, 1);
}

.esri-layer-list__item-toggle {
  padding: 0 3px;
  cursor: pointer;
  color: #6e6e6e;
}

.esri-layer-list__item--updating:before,
.esri-layer-list__item--updating:after {
  content: "";
  opacity: 1;
  position: absolute;
  height: 2px;
  top: 0;
  transition: opacity 500ms ease-in-out;
}

.esri-layer-list__item--updating:before {
  background-color: rgba(110,110,110,0.3);
  width: 100%;
  z-index: 0;
}

.esri-layer-list__item--updating:after {
  background-color: #6e6e6e;
  width: 20%;
  z-index: 0;
  animation: looping-progresss-bar-ani 1500ms linear infinite;
}

.esri-layer-list__item-actions-menu {
  display: flex;
}

.esri-layer-list__item-actions-menu-item {
  display: flex;
  flex: 1 0 21px;
  justify-content: center;
  align-items: center;
  color: #6e6e6e;
  cursor: pointer;
  padding: 0 3px;
  transition: border-color 250ms ease-in-out;
}

.esri-layer-list__item-actions-menu-item:first-of-type {
  margin: 0 2px;
}

.esri-layer-list__item-actions-menu-item:hover {
  background-color: #f0f0f0;
}

.esri-layer-list__item-actions-menu-item--active,
.esri-layer-list__item-actions-menu-item--active:hover {
  background-color: #e2f1fb;
}

.esri-layer-list__item-actions {
  position: relative;
  background-color: #f5f5f5;
  color: #6e6e6e;
  margin: -1px 7px 6px;
  height: auto;
}

.esri-layer-list__item-actions[aria-expanded="true"] {
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-layer-list__item-actions-section {
  animation: esri-layer-list-reveal 375ms ease-in-out;
}

.esri-layer-list__item-actions[hidden] {
  display: none;
}

.esri-layer-list__item-actions-close {
  color: #6e6e6e;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 5px;
  z-index: 1;
}

.esri-layer-list__item-actions-list {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0;
  list-style: none;
  border-top: 2px solid #fff;
}

.esri-layer-list__item-actions-list:first-of-type {
  border-top: 0;
}

.esri-layer-list__item-action,
.esri-layer-list__action-toggle {
  border: 1px solid transparent;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer;
  font-size: 12px;
  width: 100%;
  margin: 0;
  padding: 6px 15px;
  opacity: 1;
  transition: opacity 250ms ease-in-out 250ms, background-color 250ms ease-in-out;
}

.esri-layer-list__item-action {
  justify-content: flex-start;
  flex-flow: row;
}

.esri-layer-list__action-toggle {
  flex-flow: row-reverse;
  justify-content: space-between;
}

.esri-layer-list__action-toggle .esri-layer-list__item-action-title {
  margin-left: 0;
}

.esri-layer-list__action-toggle .esri-layer-list__item-action-icon {
  background-color: #4c4c4c;
  border-radius: 16px;
  box-shadow: 0 0 0 1px #fff;
  flex: 0 0 28px;
  height: 16px;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: background-color 125ms ease-in-out;
  width: 16px;
}

.esri-layer-list__action-toggle .esri-layer-list__item-action-icon:before {
  background-color: #fff;
  border-radius: 100%;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  margin: 2px;
  position: absolute;
  top: 0;
  transition: background-color 125ms ease-in-out, left 125ms ease-in-out;
  width: 12px;
}

.esri-layer-list__action-toggle--on .esri-layer-list__item-action-icon {
  background-color: #fff;
}

.esri-layer-list__action-toggle--on .esri-layer-list__item-action-icon:before {
  background-color: #4c4c4c;
  box-shadow: 0 0 0 1px #4c4c4c;
  left: 12px;
}

.esri-layer-list__item-action:hover,
.esri-layer-list__action-toggle:hover {
  background-color: #f0f0f0;
}

.esri-layer-list__item-actions[hidden] .esri-layer-list__item-action {
  opacity: 0;
}

.esri-layer-list__item-action-icon {
  flex: 0 0 16px;
  font-size: 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 0.1em;
}

.esri-layer-list__item-action-image {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.esri-layer-list__item-action-title {
  margin-left: 5px;
}

.esri-layer-list-panel {
  margin: 12px 15px;
}

.esri-layer-list-panel__content--legend .esri-legend__service {
  padding: 0 0 12px 0;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__item--has-children>.esri-layer-list__item-container {
  padding-left: 20px;
  padding-right: 5px;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__list {
  margin: 0 15px 0 0;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__list--root {
  margin: 0;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed {
  display: none;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__child-toggle .esri-layer-list__child-toggle-icon--closed-rtl {
  display: block;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__child-toggle--open .esri-layer-list__child-toggle-icon--closed-rtl {
  display: none;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__item-action-title {
  margin-left: 0;
  margin-right: 5px;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__action-toggle .esri-layer-list__action-toggle {
  margin-right: 0;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__item:after {
  animation: looping-progresss-bar-ani 1500ms linear infinite reverse;
}

html[dir="rtl"] .esri-layer-list .esri-layer-list__item-error-message [class^="esri-icon-"],
html[dir="rtl"] .esri-layer-list .esri-layer-list__item-error-message [class*="esri-icon-"] {
  margin-right: 0;
  margin-left: 0.3rem;
}

@keyframes esri-layer-list-reveal {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.esri-legend {
  overflow: hidden;
  overflow-y: auto;
}

.esri-legend__message {
  padding: 0.5em 1em;
}

.esri-legend__service {
  padding: 12px 15px;
  word-wrap: break-word;
  border-bottom: 1px solid rgba(110,110,110,0.3);
}

.esri-legend__service:last-child {
  border-bottom: none;
}

.esri-legend__layer {
  margin-left: 7px;
}

.esri-legend__group-layer-child {
  margin-left: 7px;
  padding-left: 0;
  padding-right: 0;
}

.esri-legend__layer-table {
  display: flex;
  flex-flow: column;
  width: 100%;
  margin-bottom: 12px;
}

.esri-legend__layer-child-table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 12px;
}

.esri-legend__layer-body {
  margin-left: 7px;
}

.esri-legend__layer-row {
  display: flex;
}

.esri-legend__layer-cell {
  min-width: 100px;
  word-break: break-word;
  padding: 4px 0;
  vertical-align: middle;
}

.esri-legend__layer-cell--symbols {
  min-width: 10px;
  text-align: center;
}

.esri-legend__layer-table--size-ramp {
  display: table;
}

.esri-legend__layer-table--size-ramp .esri-legend__layer-row {
  display: table-row;
}

.esri-legend__layer-table--size-ramp .esri-legend__layer-cell {
  display: table-cell;
}

.esri-legend__size-ramp ~ .esri-legend__layer-cell--info {
  max-width: 80%;
  width: 80%;
}

.esri-legend__layer-cell--info {
  font-size: 12px;
  padding-left: 7px;
  padding-right: 7px;
  word-wrap: normal;
  word-break: normal;
  max-width: 250px;
}

.esri-legend__imagery-layer-image--stretched {
  margin-bottom: -2px;
  display: block;
}

.esri-legend__imagery-layer-cell--stretched {
  vertical-align: top;
  line-height: 1;
  padding: 0;
}

.esri-legend__imagery-layer-info--stretched {
  vertical-align: top;
  padding: 0 2px;
}

.esri-legend__symbol {
  display: block;
  margin: auto;
}

.esri-legend__layer-caption {
  display: table-caption;
  padding: 6px 0;
}

.esri-legend__ramp-labels {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

.esri-legend__ramps {
  margin-left: 3px;
}

.esri-legend__color-ramp {
  width: 24px;
}

.esri-legend__opacity-ramp {
  background-image: url(5efe094ecc96d9d96159d9c1c4b8f432.png);
}

.esri-legend__ramp-tick {
  position: absolute;
  width: 4px;
  border-top: 1px solid rgba(110,110,110,0.3);
  line-height: 0;
  right: 1px;
  left: auto;
}

.esri-legend__ramp-label {
  position: relative;
  padding: 0 7px;
  white-space: nowrap;
  line-height: 1em;
  font-size: 12px;
}

.esri-legend__ramp-label:before {
  position: absolute;
  top: 0.25em;
  right: 100%;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 4px 3px 0;
  border-color: transparent rgba(50,50,50,0.8) transparent transparent;
}

.esri-legend__ramp-label:first-child {
  margin-top: -4px;
}

.esri-legend__ramp-label:last-child {
  bottom: -3px;
}

.esri-legend-layer-caption {
  display: table-caption;
  padding: 6px 0;
}

html[dir="rtl"] .esri-legend__ramp-label:before {
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent rgba(50,50,50,0.8);
  left: 100%;
  right: auto;
}

html[dir="rtl"] .esri-legend__layer,
html[dir="rtl"] .esri-legend__group-layer-child,
html[dir="rtl"] .esri-legend__layer-body {
  margin-left: 0;
  margin-right: 7px;
}

.esri-legend--card {
  display: flex;
  overflow-x: auto;
  transition: max-width 250ms ease-in-out;
  background: #fff;
  position: relative;
}

.esri-legend--card__section {
  font-size: 12px;
  min-height: 150px;
  min-width: 300px;
  padding: 12px 15px;
  border-left: 1px solid rgba(110,110,110,0.3);
  overflow: auto;
}

.esri-legend--card__section:first-child {
  border-left: none;
}

.esri-legend--card__message {
  padding: 0.5em 1em;
}

.esri-legend--card__service-caption-container {
  font-weight: 600;
  height: 45px;
  padding: 12px 15px;
  border-bottom: 1px solid rgba(110,110,110,0.3);
}

.esri-legend--card__service-caption-text {
  margin: 0;
  overflow: auto;
  padding-bottom: 20px;
}

.esri-legend--card__layer-caption {
  font-weight: 400;
  margin-bottom: 12px;
  padding: 6px 0;
}

.esri-legend--card__service-content {
  display: flex;
  height: calc(100% - 45px);
}

.esri-legend--card__label-container {
  display: flex;
  flex-wrap: wrap;
}

.esri-legend--card__relationship-label-container {
  display: flex;
  flex-direction: column;
}

.esri-legend--card__relationship-label-container .esri-legend--card__layer-row {
  padding-bottom: 0.5em;
}

.esri-legend--card__relationship-label-container .esri-legend--card__layer-row:last-child {
  padding-bottom: 0em;
}

.esri-legend--card__relationship-section {
  border: none;
}

.esri-legend--card__label-element {
  margin: 0.1em;
  padding: 0.5em 1em;
  min-width: 4em;
  min-height: 2.7em;
  text-align: center;
}

.esri-legend--card__image-label {
  padding-left: 7px;
  padding-right: 7px;
}

.esri-legend--card__layer-row,
.esri-legend--card__size-ramp-container {
  display: flex;
  align-items: center;
}

.esri-legend--card__ramp-label {
  white-space: nowrap;
  margin: 0 0.5em;
}

.esri-legend--card__interval-separator {
  text-align: center;
  font-size: 0.5em;
}

.esri-legend--card__imagery-layer-image--stretched {
  margin-bottom: -2px;
  display: block;
}

.esri-legend--card__symbol-container {
  position: relative;
}

.esri-legend--card__interval-separators-container {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translate(-50%, -50%);
}

.esri-legend--card__carousel-title {
  margin: 0;
}

.esri-legend--card__service {
  min-width: fit-content;
  border-left: 1px solid rgba(110,110,110,0.3);
}

.esri-legend--card__symbol {
  display: block;
  margin: auto;
}

.esri-legend--stacked {
  height: 282px;
  min-width: 300px;
}

.esri-legend--stacked .esri-legend--card__section {
  border: none;
  overflow: auto;
  height: 250px;
  width: 250px;
}

.esri-legend--stacked .esri-legend--card__size-ramp-row {
  flex-direction: column;
}

.esri-legend--stacked .esri-legend--card__symbol-row {
  display: table-row;
  margin: 5px 0;
  width: 100%;
}

.esri-legend--stacked .esri-legend--card__label-cell {
  display: table-cell;
  vertical-align: middle;
}

.esri-legend--stacked .esri-legend--card__symbol-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.esri-legend--stacked .esri-legend--card__carousel-indicator-container {
  align-items: center;
  bottom: 0;
  box-shadow: 0 -1px 0 rgba(110,110,110,0.3);
  display: flex;
  height: 32px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
}

.esri-legend--stacked .esri-legend--card__carousel-indicator {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 16px;
}

.esri-legend--stacked .esri-legend--card__carousel-indicator:before {
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #6e6e6e;
  content: "";
  display: block;
  height: 10px;
  transition: background-color 125ms ease-in-out;
  width: 10px;
}

.esri-legend--stacked .esri-legend--card__carousel-indicator:hover::before,
.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:before,
.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:hover::before {
  background-color: #6e6e6e;
}

.esri-ui-corner {
  max-width: 100%;
}

.esri-ui-corner .esri-legend--card {
  max-height: 420px;
}

html[dir="rtl"] .esri-view-width-greater-than-small .esri-legend--card__section {
  border-left: 0;
  border-right: 1px solid rgba(110,110,110,0.3);
}

html[dir="rtl"] .esri-view-width-greater-than-small .esri-legend--card__section:first-child {
  border-right: none;
}

.esri-relationship-ramp--diamond__container {
  display: flex;
  font-size: 12px;
}

.esri-relationship-ramp--diamond__left-column {
  align-self: center;
  padding-right: 5px;
  text-align: right;
  max-width: 85px;
}

.esri-relationship-ramp--diamond__right-column {
  align-self: center;
  padding-left: 5px;
  text-align: left;
  max-width: 85px;
}

.esri-relationship-ramp--diamond__middle-column {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.esri-relationship-ramp--diamond__middle-column--label {
  align-self: center;
  max-width: 85px;
}

.esri-relationship-ramp--diamond__middle-column--ramp {
  width: 85px;
  height: 85px;
}

.esri-relationship-ramp--square__table {
  display: table;
  font-size: 12px;
}

.esri-relationship-ramp--square__table-row {
  display: table-row;
}

.esri-relationship-ramp--square__table-cell {
  display: table-cell;
}

.esri-relationship-ramp--square__table-label {
  max-width: 95px;
}

.esri-relationship-ramp--square__table-label--left-bottom {
  text-align: left;
  vertical-align: bottom;
}

.esri-relationship-ramp--square__table-label--right-bottom {
  text-align: right;
  vertical-align: bottom;
}

.esri-relationship-ramp--square__table-label--left-top {
  text-align: left;
  vertical-align: top;
}

.esri-relationship-ramp--square__table-label--right-top {
  text-align: right;
  vertical-align: top;
}

.esri-line-of-sight__container {
  position: relative;
  padding: 12px 0;
  overflow-y: auto;
}

.esri-line-of-sight__container a {
  text-decoration: none;
}

.esri-line-of-sight__hint {
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-line-of-sight__hint-text {
  margin: 12px 0;
  padding: 0;
}

.esri-line-of-sight__panel--error {
  color: #8c2907;
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-line-of-sight__actions {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0 15px;
}

.esri-line-of-sight__secondary-button {
  margin-bottom: 10px;
}

.esri-opacity-slider {
  direction: ltr;
  min-width: 260px;
}

.esri-opacity-slider .esri-slider {
  font-size: 12px;
}

.esri-opacity-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border-radius: 0;
  border: none;
  width: 6px;
  height: 12px;
}

.esri-opacity-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}

.esri-opacity-slider .esri-slider .esri-slider__track {
  flex: 0 1 0px;
  width: 0px;
}

.esri-opacity-slider .esri-slider .esri-slider__anchor {
  border-bottom: 1px solid #6e6e6e;
  border-top: 1px solid #fff;
  width: 30px;
}

.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}

.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}

.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}

.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate3d(-1.5px, 0, 0);
}

.esri-opacity-slider .esri-slider .esri-slider__thumb {
  left: -12px;
  top: -6px;
}

.esri-opacity-slider .esri-slider .esri-slider__thumb:before {
  position: absolute;
  top: 0;
  left: -1.5px;
  width: 3px;
  content: "";
  height: 12px;
  background-color: #6e6e6e;
  transition: transform 125ms ease-in-out, background-color 125ms ease-in-out;
}

.esri-opacity-slider .esri-slider .esri-slider__thumb:after {
  position: absolute;
  top: 0;
  left: 6px;
  content: "";
  border-bottom: 6px solid rgba(0,0,0,0);
  border-left: 6px solid #6e6e6e;
  border-top: 6px solid rgba(0,0,0,0);
  height: 0;
  width: 0;
}

.esri-opacity-slider .esri-slider .esri-slider__label {
  left: auto;
  line-height: 20px;
  min-width: 50px;
  right: 50px;
  text-align: right;
}

.esri-opacity-slider .esri-slider .esri-slider__label:hover {
  background-color: #f0f0f0;
}

.esri-opacity-slider .esri-slider .esri-slider__range-input {
  margin: auto;
  text-align: center;
  width: 50%;
}

.esri-opacity-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}

.esri-opacity-slider .esri-slider .esri-slider__max,
.esri-opacity-slider .esri-slider .esri-slider__min {
  flex: 0 0 40px;
  height: 40px;
  padding: 9px 0;
}

.esri-opacity-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
}

.esri-opacity-slider .esri-slider .esri-histogram__average-line,
.esri-opacity-slider .esri-slider .esri-histogram__label {
  stroke: #6e6e6e;
}

.esri-opacity-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}

.esri-opacity-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}

.esri-opacity-slider .esri-slider .zoom-cap {
  height: 11px;
  width: 30px;
  stroke-width: 0;
}

.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--mask {
  fill: #fff;
}

.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}

.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}

.esri-opacity-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}

.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}

.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}

.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
  fill: #fff;
}

.esri-opacity-slider__ramp {
  display: inline-block;
  height: 100%;
  width: 30px;
  position: relative;
}

.esri-opacity-slider__ramp svg {
  height: 100%;
  width: 100%;
  position: absolute;
  stroke: #6e6e6e;
  stroke-width: 1px;
  left: 0;
}

.esri-opacity-slider__ramp svg rect {
  height: 100%;
  width: 100%;
}

.esri-opacity-slider__ramp svg path {
  stroke-width: .5px;
}

.esri-opacity-slider__histogram-container {
  display: inline-block;
  height: 100%;
  width: 120px;
}

@keyframes esri-docking-animation {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes popup-intro-animation-down {
  0% {
    transform: translate(0, -5px);
    opacity: 0;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes popup-intro-animation-up {
  0% {
    transform: translate(0, 5px);
    opacity: 0;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.esri-ui .esri-popup {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  display: flex;
}

.esri-popup--shadow {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .8);
}

.esri-popup__button {
  border-radius: 2px;
  padding: 6px 7px;
  margin: 6px 0;
  line-height: 1.3em;
  cursor: pointer;
  user-select: none;
  color: #6e6e6e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  transition: background-color 125ms ease-in-out;
}

.esri-popup__button--disabled {
  cursor: default;
  opacity: .4;
  color: rgba(110,110,110,0.4);
}

.esri-popup__button:hover {
  color: #2e2e2e;
  background-color: #f0f0f0;
}

.esri-popup--aligned-top-center {
  transform-origin: 50% 100%;
}

.esri-popup--aligned-bottom-center {
  transform-origin: 50% -5%;
}

.esri-popup--aligned-top-left,
.esri-popup--aligned-bottom-left {
  transform-origin: 100% 50%;
}

.esri-popup--aligned-top-right,
.esri-popup--aligned-bottom-right {
  transform-origin: -5% 50%;
}

.esri-popup--aligned-top-center,
.esri-popup--aligned-top-left,
.esri-popup--aligned-top-right {
  animation: popup-intro-animation-down 200ms ease-in-out;
}

.esri-popup--aligned-bottom-center,
.esri-popup--aligned-bottom-left,
.esri-popup--aligned-bottom-right {
  animation: popup-intro-animation-up 200ms ease-in-out;
}

.esri-popup__main-container {
  outline: none;
  pointer-events: auto;
  position: relative;
  z-index: 1;
  width: 340px;
  max-height: 340px;
  background-color: #fff;
  display: flex;
  flex-flow: column nowrap;
}

.esri-popup__header {
  position: relative;
  font-size: 12px;
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  flex: 0 0 auto;
}

.esri-popup__header-buttons {
  padding: 0 7px;
  margin: 0 0 0 auto;
  display: flex;
}

.esri-popup__header-container {
  flex: 1;
}

.esri-popup__header-container--button {
  cursor: pointer;
}

.esri-popup__header-title {
  border-radius: 2px;
  font-size: 14px;
  padding: 6px 7px;
  margin: 6px auto 6px 7px;
  display: block;
  transition: background-color 125ms ease-in-out;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

.esri-popup__header-title:hover {
  background-color: #f0f0f0;
}

.esri-popup__content {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: 400;
  margin: 0 15px 12px;
  overflow: auto;
}

.esri-popup__feature-menu-button {
  transition: box-shadow 125ms ease-in-out, background-color 125ms ease-in-out;
}

.esri-popup__feature-menu-button:hover,
.esri-popup__feature-menu-button:focus {
  background-color: #f0f0f0;
}

.esri-popup--feature-menu-open .esri-popup__feature-menu-button {
  background-color: #f0f0f0;
  color: #2e2e2e;
}

.esri-popup--feature-menu-open .esri-popup__header,
.esri-popup--feature-menu-open .esri-popup__content {
  flex: 0 1 0px;
  overflow: hidden;
  opacity: 0;
}

.esri-popup--feature-updated {
  opacity: 0;
  transition: opacity 375ms ease-out;
}

.esri-popup--feature-updated-active {
  opacity: 1;
}

.esri-popup__pagination-page-text {
  white-space: nowrap;
}

.esri-popup__footer {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 6px 0;
}

.esri-popup__footer .esri-popup__button {
  font-weight: 400;
  font-size: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
}

.esri-popup__actions {
  animation: esri-fade-in-scale 125ms ease-in-out;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  color: #6e6e6e;
  display: flex;
  flex-flow: column;
  margin: 6px 7px;
  max-width: 50%;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.esri-popup__actions .esri-popup__button[class*="esri-popup__action"] {
  align-items: center;
  border-bottom: 1px solid rgba(110,110,110,0.3);
  color: #6e6e6e;
  display: flex;
  justify-content: flex-start;
  padding: 12px 7px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
}

.esri-popup__actions .esri-popup__button[class*="esri-popup__action"]:hover {
  background-color: #f0f0f0;
}

.esri-popup__actions .esri-popup__button[class*="esri-popup__action"]:last-child {
  border-bottom: none;
}

.esri-popup__actions .esri-popup__button[class*="esri-popup__action"] .esri-popup__icon {
  flex: 0 0 16px;
}

.esri-popup__footer .esri-popup__actions-menu-button {
  padding-left: 7px;
  padding-right: 7px;
  margin: 0 7px;
  transition: box-shadow 125ms ease-in-out;
}

.esri-popup__footer .esri-popup__actions-menu-button:hover {
  background-color: #f0f0f0;
}

.esri-popup--actions-menu-open .esri-popup__footer .esri-popup__actions-menu-button {
  background-color: #f5f5f5;
  color: #2e2e2e;
}

[class*="esri-popup--is-docked-bottom-"].esri-popup--is-docked .esri-popup__actions,
[class*="esri-popup--aligned-top-"] .esri-popup__actions {
  bottom: 32px;
  top: auto;
  transform-origin: bottom center;
}

[class*="esri-popup--is-docked-top-"].esri-popup--is-docked .esri-popup__actions,
[class*="esri-popup--aligned-bottom-"] .esri-popup__actions {
  bottom: auto;
  top: 32px;
  transform-origin: top center;
}

.esri-popup__icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  flex: 0 0 16px;
}

[class*="esri-popup--is-docked-top-"] .esri-popup__footer,
[class*="esri-popup--aligned-bottom-"] .esri-popup__footer {
  border-bottom: solid 1px rgba(110,110,110,0.3);
}

[class*="esri-popup--is-docked-bottom-"] .esri-popup__content ~ .esri-popup__footer,
[class*="esri-popup--aligned-top-"] .esri-popup__content ~ .esri-popup__footer {
  margin-top: -12px;
}

.esri-popup__navigation {
  background-color: #f5f5f5;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 15px 0 auto;
  padding: 0;
  justify-content: center;
}

.esri-popup__navigation .esri-popup__button {
  margin: 0;
  padding-left: 3px;
  padding-right: 3px;
}

.esri-popup__inline-actions-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  position: relative;
}

.esri-popup__inline-actions-container:only-child {
  width: 100%;
  max-width: unset;
  justify-content: flex-start;
}

.esri-popup__inline-actions-container:only-child>.esri-popup__action,
.esri-popup__inline-actions-container:only-child>.esri-popup__action-toggle {
  max-width: 24%;
}

.esri-popup__inline-actions-container:only-child .esri-popup__actions-menu-button {
  margin-left: auto;
}

.esri-popup__inline-actions-container>.esri-popup__action,
.esri-popup__inline-actions-container>.esri-popup__action-toggle {
  margin: 0 7px;
  max-width: 36%;
}

.esri-popup__inline-actions-container .esri-popup__icon,
.esri-popup__inline-actions-container [class*="esri-icon"] {
  margin: 0 3px;
}

.esri-popup__action-toggle.esri-popup__action-toggle--on {
  background-color: #e2f1fb;
  color: #2e2e2e;
}

.esri-popup__action-toggle.esri-popup__action-toggle--on:hover {
  background-color: #e2f1fb;
  color: #2e2e2e;
}

.esri-popup__feature-menu {
  left: 0;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  width: 100%;
  background-color: #fff;
  color: #6e6e6e;
  z-index: 1;
  margin: 6px 0;
  max-height: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

[class*="esri-popup--is-docked-bottom-"].esri-popup--is-docked .esri-popup__feature-menu,
[class*="esri-popup--aligned-top-"] .esri-popup__feature-menu {
  bottom: 32px;
  top: auto;
  transform-origin: bottom center;
}

[class*="esri-popup--is-docked-top-"].esri-popup--is-docked .esri-popup__feature-menu,
[class*="esri-popup--aligned-bottom-"] .esri-popup__feature-menu {
  bottom: auto;
  top: 32px;
  transform-origin: top center;
}

.esri-popup__feature-menu-list {
  padding: 0;
  margin: 0;
  counter-reset: section;
}

.esri-popup__feature-menu-item {
  list-style-type: none;
  border: solid 1px rgba(110,110,110,0.3);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  transition: background-color 125ms ease-in-out;
  margin-top: -1px;
  position: relative;
}

.esri-popup__feature-menu-item:hover,
.esri-popup__feature-menu-item:focus {
  cursor: pointer;
  background-color: #f0f0f0;
}

.esri-popup__feature-menu-item::before {
  counter-increment: section;
  content: counter(section);
  display: flex;
  justify-content: center;
  flex: 0 0 8%;
  text-align: center;
}

.esri-popup__feature-menu-item--selected,
.esri-popup__feature-menu-item--selected:hover,
.esri-popup__feature-menu-item--selected:focus {
  background-color: #e2f1fb;
}

.esri-popup__feature-menu-item .esri-icon-check-mark {
  padding: 0 0.5rem;
}

.esri-popup__feature-menu-title {
  display: flex;
  flex: 1 0 82%;
  min-height: 1em;
  margin: 0;
  padding: 0.8em 4%;
  border-left: solid 1px rgba(0,0,0,0.25);
}

.esri-popup__feature-menu-viewport {
  max-height: 0px;
  opacity: 0;
  overflow: auto;
  position: relative;
  z-index: 1;
}

.esri-popup__feature-menu-header {
  background-color: transparent;
  border-bottom: solid 1px rgba(110,110,110,0.3);
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2em;
  overflow: hidden;
  position: relative;
  opacity: 0;
}

.esri-popup--feature-menu-open .esri-popup__feature-menu {
  height: auto;
  opacity: 1;
  animation: esri-fade-in-scale 125ms ease-out;
  max-height: none;
  overflow: visible;
}

.esri-popup--feature-menu-open .esri-popup__feature-menu-header {
  padding: 12px 15px;
  max-height: none;
  display: block;
  opacity: 1;
  margin: 0;
}

.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 175px;
  opacity: 1;
  padding-top: 1px;
}

.esri-popup__loading-container {
  margin: 0 7px;
  text-align: center;
  user-select: none;
}

.esri-popup__action-image {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  flex: 0 0 16px;
}

.esri-popup__action-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.esri-popup__collapse-button {
  align-items: center;
  background-color: #f5f5f5;
  cursor: pointer;
  display: flex;
  flex: 1 0;
  justify-content: center;
  padding: 6px 0;
}

.esri-popup__pointer {
  position: absolute;
  width: 0;
  height: 0;
}

.esri-popup__pointer-direction {
  background-color: #fff;
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
}

.esri-popup--aligned-top-center .esri-popup__pointer {
  top: 100%;
  left: 50%;
  margin: 0 0 0 -6px;
}

.esri-popup--aligned-bottom-center .esri-popup__pointer {
  bottom: 100%;
  left: 50%;
  margin: 0 0 0 -6px;
}

.esri-popup--aligned-top-left .esri-popup__pointer {
  bottom: 6px;
  right: 6px;
  transform: rotate(-45deg);
}

.esri-popup--aligned-bottom-left .esri-popup__pointer {
  top: 6px;
  right: 6px;
  transform: rotate(45deg);
}

.esri-popup--aligned-top-right .esri-popup__pointer {
  bottom: 6px;
  left: 6px;
  transform: rotate(45deg);
}

.esri-popup--aligned-bottom-right .esri-popup__pointer {
  top: 6px;
  left: 6px;
  transform: rotate(-45deg);
}

.esri-popup--aligned-top-center .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-center .esri-popup__pointer-direction {
  transform: scale(.75, 2) rotate(45deg);
}

.esri-popup--aligned-top-left .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-left .esri-popup__pointer-direction,
.esri-popup--aligned-top-right .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-right .esri-popup__pointer-direction {
  top: -6px;
  left: -6px;
  transform: scale(1, 3.5) rotate(45deg);
}

.esri-popup--aligned-top-center .esri-popup__pointer-direction {
  top: -6px;
  left: 0;
}

.esri-popup--aligned-bottom-center .esri-popup__pointer-direction {
  bottom: -6px;
  left: 0;
}

.esri-view-width-xlarge .esri-popup__main-container {
  width: 460px;
}

.esri-view-width-large .esri-popup__main-container {
  width: 400px;
}

.esri-view-width-medium .esri-popup__main-container {
  width: 340px;
}

.esri-view-width-less-than-medium .esri-popup__main-container {
  width: 280px;
}

.esri-view-width-less-than-medium .esri-popup__action-text {
  display: none;
}

.esri-view-width-xsmall .esri-popup__button[class*="esri-popup__navigation-"],
.esri-view-width-xsmall .esri-popup__pagination-page-text {
  display: none;
}

.esri-view-width-xsmall .esri-popup--is-docked-bottom-center {
  margin-bottom: 16px;
}

.esri-view-width-xsmall .esri-popup--is-docked-top-center,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center {
  width: auto;
  margin: 0;
}

.esri-view-width-xsmall .esri-popup--is-docked-top-center .esri-popup__main-container,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container {
  width: 100%;
  max-height: 75%;
  padding: 4px 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.esri-view-width-xsmall .esri-popup--is-docked-top-center .esri-popup__main-container.esri-popup--is-collapsible:before,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container.esri-popup--is-collapsible:before {
  background-color: rgba(110,110,110,0.3);
  border-radius: 2px;
  content: "";
  height: 2px;
  left: calc(50% - 16px);
  position: absolute;
  top: 6px;
  width: 32px;
}

.esri-view-width-xsmall .esri-popup--is-docked-top-center.esri-popup--feature-menu-open .esri-popup__main-container:before,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center.esri-popup--feature-menu-open .esri-popup__main-container:before {
  visibility: hidden;
}

.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__feature-menu,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__actions {
  bottom: 36px;
}

.esri-view-height-xlarge .esri-popup__main-container {
  max-height: 460px;
}

.esri-view-height-xlarge.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 410px;
}

.esri-view-height-large .esri-popup__main-container {
  max-height: 400px;
}

.esri-view-height-large.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 350px;
}

.esri-view-height-less-than-medium .esri-popup__main-container {
  max-height: 300px;
}

.esri-view-height-less-than-medium.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 250px;
}

.esri-popup--is-docked {
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: 15px 15px 30px 15px;
  animation: esri-docking-animation 250ms ease-out;
}

.esri-popup--is-docked .esri-popup__header {
  padding-top: 2px;
}

.esri-popup--is-docked-top-left,
.esri-popup--is-docked-top-center,
.esri-popup--is-docked-top-right {
  align-items: flex-start;
}

.esri-popup--is-docked-bottom-left,
.esri-popup--is-docked-bottom-center,
.esri-popup--is-docked-bottom-right {
  align-items: flex-end;
}

.esri-popup--is-docked-top-left,
.esri-popup--is-docked-bottom-left {
  justify-content: flex-start;
}

.esri-popup--is-docked-top-center,
.esri-popup--is-docked-bottom-center {
  justify-content: center;
}

.esri-popup--is-docked-top-right,
.esri-popup--is-docked-bottom-right {
  justify-content: flex-end;
}

.esri-popup--is-docked-top-left .esri-popup__main-container,
.esri-popup--is-docked-top-right .esri-popup__main-container,
.esri-popup--is-docked-bottom-left .esri-popup__main-container,
.esri-popup--is-docked-bottom-right .esri-popup__main-container {
  max-height: 80%;
}

.esri-popup--is-docked-top-center .esri-popup__main-container,
.esri-popup--is-docked-bottom-center .esri-popup__main-container {
  max-height: 40%;
}

html[dir="rtl"] .esri-widget .esri-popup__header-title,
html[dir="rtl"] .esri-popup__header-title {
  margin: 6px 7px 6px auto;
}

html[dir="rtl"] .esri-popup__header-buttons {
  margin: 0 auto 0 0;
}

html[dir="rtl"] .esri-popup__feature-menu-title {
  border-left: none;
  border-right: solid 1px rgba(0,0,0,0.25);
}

html[dir="rtl"] .esri-popup__navigation {
  margin: 0 auto 0 15px;
}

html[dir="rtl"] .esri-popup__actions {
  right: auto;
  left: 0;
}

html[dir="rtl"] .esri-popup__inline-actions-container:only-child .esri-popup__actions-menu-button {
  margin-left: 7px;
  margin-right: auto;
}

html[dir="rtl"] .esri-popup__inline-actions-container .esri-popup__action {
  margin-right: 7px;
  margin-left: 15px;
}

html[dir="rtl"] .esri-popup--is-docked .esri-popup__loading-container {
  order: 0;
}

html[dir="rtl"] .esri-popup--is-docked-top-left,
html[dir="rtl"] .esri-popup--is-docked-bottom-left {
  justify-content: flex-end;
}

html[dir="rtl"] .esri-popup--is-docked-top-right,
html[dir="rtl"] .esri-popup--is-docked-bottom-right {
  justify-content: flex-start;
}

.esri-scale-range-slider {
  background-color: transparent;
  min-width: 310px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.esri-scale-range-slider .esri-slider {
  background-color: transparent;
  padding: 9px 11px 9px 9px;
}

.esri-scale-range-slider .esri-slider__segment-1 {
  background-color: #0079c1;
  height: 4px;
}

.esri-scale-range-slider.esri-widget {
  box-shadow: none;
}

.esri-scale-range-slider.esri-disabled {
  opacity: .4;
  pointer-events: none;
  user-select: none;
}

.esri-scale-range-slider__scale-indicator-container {
  position: absolute;
  left: 9px;
  right: 11px;
}

.esri-scale-range-slider__scale-indicator {
  top: 11px;
  margin-left: -4px;
  width: 1px;
  position: relative;
  transition-property: left;
  transition-duration: 0.2s;
}

.esri-scale-range-slider__scale-indicator-icon {
  fill: #323232;
}

.esri-scale-range-slider__scale-menu-container {
  margin-top: 12px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.esri-scale-range-slider__scale-menu-toggle {
  color: #0079c1;
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-size: 14px;
  white-space: nowrap;
}

.esri-scale-range-slider__scale-menu-toggle--active {
  font-weight: 600;
}

.esri-scale-range-slider__scale-menu-toggle-icon {
  font-size: 12px;
  margin: 0 7px;
}

.esri-scale-range-slider__scale-preview {
  display: inline-flex;
  flex-direction: column;
  background-color: #fff;
  padding: 6px 7px;
  margin: 12px 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.esri-scale-range-slider__scale-preview-thumbnail {
  display: block;
  box-sizing: border-box;
  padding: 64px;
}

.esri-scale-range-slider__scale-menu {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-family: "Avenir Next W00","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  border-radius: 2px;
  background-color: #fff;
  color: #323232;
}

.esri-scale-range-slider__scale-menu-list {
  min-width: 200px;
  padding: 6px 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  list-style-type: none;
}

.esri-scale-range-slider__scale-menu-item {
  display: flex;
  flex-direction: column;
  padding: 6px 7px;
  margin: 0;
  cursor: pointer;
}

.esri-scale-range-slider__scale-menu-item:hover,
.esri-scale-range-slider__scale-menu-item:focus {
  background-color: #f0f0f0;
}

.esri-scale-range-slider__scale-menu-scroller {
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}

.esri-scale-range-slider__scale-item-label {
  padding-bottom: 4px;
}

.esri-scale-range-slider__scale-item-label::before {
  content: "•";
  color: transparent;
  margin: 0 7px 0;
}

.esri-scale-range-slider__scale-menu-item--current-scale .esri-scale-range-slider__scale-item-label::before {
  color: #0079c1;
}

.esri-scale-range-slider__scale-menu-item:hover .esri-scale-range-slider__scale-item-label::before {
  color: rgba(110,110,110,0.4);
}

.esri-scale-range-slider__scale-item-value {
  color: #6e6e6e;
  font-size: 12px;
  margin: 0 30px;
}

.esri-scale-range-slider__scale-item-value--editable {
  width: 14ch;
}

.esri-search {
  width: 240px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.esri-search .esri-widget--button {
  box-shadow: none;
}

.esri-search .esri-icon-notice-triangle {
  font-size: 16px;
  line-height: 16px;
  margin: 0 5px 0 0;
  vertical-align: text-bottom;
}

.esri-search .esri-widget__loader {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 32px;
}

.esri-search .esri-widget__loader-text {
  margin: 0 5px;
}

.esri-search__container,
.esri-search__input-container,
.esri-search__form {
  display: flex;
  flex-flow: row nowrap;
}

.esri-search__container {
  position: relative;
  align-items: stretch;
  flex: 1 0 100%;
}

.esri-search__container .esri-search__input,
.esri-search__container .esri-widget--button {
  z-index: 0;
}

.esri-search__container .esri-search__input:focus,
.esri-search__container .esri-widget--button:focus {
  z-index: 1;
}

.esri-search--searching:before,
.esri-search--searching:after {
  content: "";
  opacity: 1;
  position: absolute;
  height: 2px;
  top: 0;
  transition: opacity 500ms ease-in-out;
}

.esri-search--searching:before {
  background-color: rgba(110,110,110,0.3);
  width: 100%;
  z-index: 0;
}

.esri-search--searching:after {
  background-color: #6e6e6e;
  width: 20%;
  z-index: 0;
  animation: looping-progresss-bar-ani 1500ms linear infinite;
}

.esri-search__input-container {
  align-items: stretch;
  flex: 2 0;
}

.esri-search__form {
  padding: 0;
  margin: 0;
  align-items: stretch;
  flex: 1 0;
}

.esri-search__input {
  display: block;
  width: 100%;
  margin: 0;
  border: none;
  box-shadow: none;
}

.esri-search__input::-ms-clear {
  display: none;
}

.esri-search__input::-moz-placeholder {
  color: rgba(50,50,50,0.4);
  opacity: 1;
}

.esri-search__input:-ms-input-placeholder {
  color: rgba(50,50,50,0.4);
}

.esri-search__input::-webkit-input-placeholder {
  color: rgba(50,50,50,0.4);
}

.esri-search__submit-button,
.esri-search__sources-button {
  cursor: pointer;
  align-self: flex-end;
}

.esri-search__submit-button {
  border-left: solid 1px rgba(110,110,110,0.3);
}

.esri-search__sources-button {
  border-right: solid 1px rgba(110,110,110,0.3);
}

.esri-search__sources-button--up {
  display: none;
}

.esri-search__clear-button {
  align-self: flex-end;
  display: flex;
}

.esri-search__source-name {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.esri-search__suggestions-menu [class^="esri-icon"] {
  vertical-align: middle;
}

.esri-search__suggestions-menu .esri-menu__header:first-child,
.esri-search__suggestions-menu ul:first-child {
  border: none;
}

.esri-search--show-suggestions .esri-search__suggestions-menu,
.esri-search--sources .esri-search__sources-menu {
  overflow: auto;
  visibility: visible;
  max-height: 300px;
  animation: esri-fade-in 250ms ease-out;
}

.esri-search__source--active {
  background-color: #e2f1fb;
}

.esri-search--warning .esri-search__warning-menu {
  transition: opacity 125ms ease-in-out;
  visibility: visible;
  opacity: 1;
  max-height: inherit;
}

.esri-search__sources-button {
  display: flex;
}

.esri-search--multiple-sources .esri-search__input {
  border-left: 0;
}

.esri-search__warning-menu {
  z-index: 1;
  font-size: 14px;
  opacity: 0;
}

.esri-search__warning-body {
  padding: 0.8em 1em;
}

.esri-search__warning-header {
  font-weight: bold;
  margin-bottom: 5px;
}

.esri-ui-bottom-left .esri-search__sources-button--up,
.esri-ui-bottom-right .esri-search__sources-button--up {
  display: flex;
}

.esri-ui-bottom-left .esri-search__sources-button--down,
.esri-ui-bottom-right .esri-search__sources-button--down {
  display: none;
}

html[dir="rtl"] .esri-search__submit-button {
  border-left: none;
  border-right: solid 1px rgba(110,110,110,0.3);
}

html[dir="rtl"] .esri-search__sources-button {
  border-right: none;
  border-left: solid 1px rgba(110,110,110,0.3);
}

html[dir="rtl"] .esri-search__container:after {
  animation: looping-progresss-bar-ani 1500ms linear infinite reverse;
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-header {
  font-weight: bold;
  margin-bottom: 2px;
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-item {
  margin-bottom: 10px;
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-list {
  display: none;
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-list ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}

.esri-search-result-renderer .esri-search-result-renderer__more-results-list li {
  padding: 2px 0;
}

.esri-search-result-renderer .esri-search-result-renderer__more-results--show-more-results .esri-search-result-renderer__more-results-list {
  display: block;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.esri-size-slider {
  direction: ltr;
  min-width: 260px;
}

.esri-size-slider .esri-slider {
  font-size: 12px;
}

.esri-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border-radius: 0;
  border: none;
  width: 6px;
  height: 12px;
}

.esri-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}

.esri-size-slider .esri-slider .esri-slider__track {
  flex: 0 1 0px;
  width: 0px;
}

.esri-size-slider .esri-slider .esri-slider__anchor {
  border-bottom: 1px solid #6e6e6e;
  border-top: 1px solid #fff;
  width: 30px;
}

.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}

.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}

.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}

.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate3d(-1.5px, 0, 0);
}

.esri-size-slider .esri-slider .esri-slider__thumb {
  left: -12px;
  top: -6px;
}

.esri-size-slider .esri-slider .esri-slider__thumb:before {
  position: absolute;
  top: 0;
  left: -1.5px;
  width: 3px;
  content: "";
  height: 12px;
  background-color: #6e6e6e;
  transition: transform 125ms ease-in-out, background-color 125ms ease-in-out;
}

.esri-size-slider .esri-slider .esri-slider__thumb:after {
  position: absolute;
  top: 0;
  left: 6px;
  content: "";
  border-bottom: 6px solid rgba(0,0,0,0);
  border-left: 6px solid #6e6e6e;
  border-top: 6px solid rgba(0,0,0,0);
  height: 0;
  width: 0;
}

.esri-size-slider .esri-slider .esri-slider__label {
  left: auto;
  line-height: 20px;
  min-width: 50px;
  right: 50px;
  text-align: right;
}

.esri-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f0f0f0;
}

.esri-size-slider .esri-slider .esri-slider__range-input {
  margin: auto;
  text-align: center;
  width: 50%;
}

.esri-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}

.esri-size-slider .esri-slider .esri-slider__max,
.esri-size-slider .esri-slider .esri-slider__min {
  flex: 0 0 40px;
  height: 40px;
  padding: 9px 0;
}

.esri-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
}

.esri-size-slider .esri-slider .esri-histogram__average-line,
.esri-size-slider .esri-slider .esri-histogram__label {
  stroke: #6e6e6e;
}

.esri-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}

.esri-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}

.esri-size-slider .esri-slider .zoom-cap {
  height: 11px;
  width: 30px;
  stroke-width: 0;
}

.esri-size-slider .esri-slider .zoom-cap .zoom-cap--mask {
  fill: #fff;
}

.esri-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}

.esri-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}

.esri-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}

.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}

.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}

.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline {
  fill: #fff;
}

.esri-size-slider__ramp {
  display: inline-block;
  height: 100%;
  width: 30px;
  position: relative;
}

.esri-size-slider__ramp svg {
  height: 100%;
  width: 100%;
  position: absolute;
  stroke: #6e6e6e;
  stroke-width: 1px;
  left: 0;
}

.esri-size-slider__ramp svg rect {
  height: 100%;
  width: 100%;
}

.esri-size-slider__ramp svg path {
  stroke-width: .5px;
}

.esri-size-slider__histogram-container {
  display: inline-block;
  height: 100%;
  width: 120px;
}

.esri-sketch {
  display: flex;
  flex-flow: column wrap;
}

.esri-sketch__panel {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
}

.esri-sketch__info-panel {
  background-color: #f5f5f5;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}

.esri-sketch__info-panel:empty {
  opacity: 0;
  padding: 0;
  visibility: hidden;
}

.esri-sketch__section {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  padding: 0 7px;
  margin: 6px 0;
}

.esri-sketch__tool-section {
  border-right: 1px solid rgba(110,110,110,0.3);
}

.esri-sketch__tool-section:last-child {
  border-right: none;
}

.esri-sketch__button {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #6e6e6e;
  display: flex;
  font-size: 16px;
  height: 32px;
  justify-content: center;
  text-align: center;
  transition: background-color 125ms ease-in-out;
  width: 32px;
}

.esri-sketch__button:disabled {
  cursor: default;
  color: rgba(110,110,110,0.4);
}

.esri-sketch__button:hover,
.esri-sketch__button:focus {
  background-color: #f0f0f0;
  color: #2e2e2e;
  cursor: pointer;
  outline: none;
}

.esri-sketch__button.esri-sketch__button--selected,
.esri-sketch__button.esri-sketch__button--selected:hover {
  background: #4c4c4c;
  color: #fff;
}

.esri-sketch__feature-count-badge {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid rgba(110,110,110,0.3);
  border-radius: 2px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin: 0;
  padding: 0.25em 0.75em;
}

html[dir="rtl"] .esri-sketch__tool-section {
  border-left: 1px solid rgba(110,110,110,0.3);
  border-right: none;
}

html[dir="rtl"] .esri-sketch__tool-section:last-child {
  border: none;
}

html[dir="rtl"] .esri-expand__content .esri-sketch__tool-section {
  border-left: none;
  border-right: none;
}

.esri-sketch--vertical .esri-sketch__panel {
  flex-flow: column;
}

.esri-sketch--vertical .esri-sketch__section {
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
  margin-left: 7px;
  margin-right: 7px;
}

.esri-sketch--vertical .esri-sketch__tool-section {
  border-right: none;
  border-bottom: 1px solid rgba(110,110,110,0.3);
}

.esri-sketch--vertical .esri-sketch__tool-section:last-child {
  border-bottom: none;
}

.esri-sketch--vertical .esri-sketch__info-panel {
  padding-top: 6px;
}

.esri-sketch--vertical .esri-sketch__info-panel:empty {
  padding: 0;
}

.esri-sketch--vertical .esri-sketch__info-section {
  margin-top: 3px;
  width: 32px;
}

.esri-slice__container {
  position: relative;
  padding: 12px 0;
  overflow-y: auto;
}

.esri-slice__container a {
  text-decoration: none;
}

.esri-slice__hint {
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-slice__hint-text {
  margin: 12px 0;
  padding: 0;
}

.esri-slice__exclude-button {
  margin-bottom: 12px;
}

.esri-slice__settings {
  padding: 6px 15px 12px 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-slice__settings ul {
  padding: 0;
  margin: 0;
}

.esri-slice__settings li {
  list-style: none;
}

.esri-slice__layer-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 6px;
}

.esri-slice__cross {
  margin-right: 7px;
  color: inherit;
  position: relative;
  top: 2px;
}

.esri-slice__panel--error {
  color: #8c2907;
  padding: 0 15px;
  animation: esri-fade-in 250ms ease-in-out;
}

.esri-slice__actions {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0 15px;
}

html[dir="rtl"] .esri-slice__cross {
  margin-right: 0;
  margin-left: 7px;
}

@supports (-ms-ime-align: auto) {
  .esri-slider__anchor:focus {
    outline: 1px dotted black;
  }
}

.esri-slider {
  direction: ltr;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
}

.esri-disabled .esri-slider__content,
.esri-disabled .esri-slider__min,
.esri-disabled .esri-slider__max {
  opacity: 0.4;
}

.esri-disabled .esri-slider__thumb:hover {
  transform: none;
  border-color: #0079c1;
  cursor: default;
}

.esri-disabled .esri-slider__label:hover {
  cursor: default;
}

.esri-disabled .esri-slider__segment:hover {
  cursor: default;
}

.esri-slider--reversed.esri-slider--horizontal {
  flex-direction: row-reverse;
}

.esri-slider--reversed.esri-slider--vertical {
  flex-direction: column;
}

.esri-slider--horizontal {
  flex-direction: row;
}

.esri-slider--horizontal .esri-slider__content {
  height: auto;
}

.esri-slider--horizontal .esri-slider__track {
  height: 2px;
  width: 100%;
}

.esri-slider--horizontal .esri-slider__segment--interactive:hover {
  cursor: ew-resize;
}

.esri-slider--horizontal .esri-slider__anchor {
  height: 100%;
  width: 1px;
}

.esri-slider--horizontal .esri-slider__label {
  left: -50px;
  margin: 0 11px;
  top: -30px;
  text-align: center;
}

.esri-slider--horizontal .esri-slider__label-input {
  text-align: center;
}

.esri-slider--horizontal .esri-slider__max,
.esri-slider--horizontal .esri-slider__min {
  flex: 0 0 auto;
  margin: auto;
  height: auto;
  width: 50px;
}

.esri-slider--horizontal .esri-slider__ticks {
  left: 0;
  margin: 9px 0 0 0;
  top: 100%;
  width: 100%;
}

.esri-slider--horizontal .esri-slider__tick {
  height: 5px;
  width: 1px;
}

.esri-slider--horizontal .esri-slider__tick-label {
  margin-top: 18px;
}

.esri-slider--vertical {
  flex-direction: column-reverse;
}

.esri-slider--vertical .esri-slider__content {
  flex-direction: column;
  width: auto;
}

.esri-slider--vertical .esri-slider__track {
  flex: 1 0 0px;
  flex-direction: column;
  height: 100%;
  width: 2px;
}

.esri-slider--vertical .esri-slider__segment--interactive:hover {
  cursor: ns-resize;
}

.esri-slider--vertical .esri-slider__anchor {
  height: 1px;
  width: 100%;
}

.esri-slider--vertical .esri-slider__label {
  left: 20px;
  text-align: left;
  top: -10px;
}

.esri-slider--vertical .esri-slider__max,
.esri-slider--vertical .esri-slider__min {
  margin: auto;
  width: 100%;
}

.esri-slider--vertical .esri-slider__max {
  flex: 0 0 22px;
}

.esri-slider--vertical .esri-slider__min {
  flex: 0 0 22px;
}

.esri-slider--vertical .esri-slider__ticks {
  left: 100%;
  margin: 0 0 0 11px;
  top: 0;
}

.esri-slider--vertical .esri-slider__tick {
  height: 1px;
  width: 5px;
}

.esri-slider--vertical .esri-slider__tick-label {
  margin-left: 30px;
}

.esri-slider__content {
  display: flex;
  flex: 1 0 auto;
  line-height: 0;
  margin: auto;
  position: relative;
  align-items: center;
  justify-content: center;
}

.esri-slider__track {
  background-color: rgba(110,110,110,0.4);
  display: inline-block;
  touch-action: none;
  position: relative;
}

.esri-slider__segment {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  touch-action: none;
  transform-origin: 0 0;
  width: 100%;
  will-change: transform;
}

.esri-slider__segment:hover {
  cursor: pointer;
}

.esri-slider__anchor {
  background-color: #4c4c4c;
  position: absolute;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}

.esri-slider__anchor:focus .esri-slider__thumb,
.esri-slider__anchor:focus .esri-slider__label {
  outline: inherit;
}

.esri-slider__anchor--moving .esri-slider__label:hover {
  cursor: grabbing;
}

.esri-slider__anchor--moving .esri-slider__label--interactive:hover {
  cursor: grabbing;
}

.esri-slider__anchor--moving:focus .esri-slider__thumb {
  border: 3px solid #00598e;
  cursor: grabbing;
}

.esri-slider__thumb {
  background-color: #fff;
  border: 2px solid #0079c1;
  border-radius: 16px;
  height: 16px;
  left: -7px;
  position: absolute;
  top: -7px;
  touch-action: none;
  width: 16px;
  transition: transform 125ms ease-in-out;
}

.esri-slider__thumb:hover {
  transform: scale(1.2);
  border-color: #00598e;
  cursor: pointer;
  cursor: grab;
}

.esri-slider__label {
  line-height: 22px;
  min-width: 80px;
  position: absolute;
}

.esri-slider__label:hover {
  cursor: pointer;
  cursor: grab;
}

.esri-slider__label--interactive:hover,
.esri-slider__max--interactive:hover,
.esri-slider__min--interactive:hover {
  cursor: pointer;
  text-decoration: underline;
}

.esri-slider__label-input {
  position: relative;
  width: 100%;
  z-index: 1;
}

.esri-slider__extra-content {
  display: inline-block;
}

.esri-slider__max,
.esri-slider__min {
  height: 22px;
  line-height: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.esri-slider__max--interactive:hover,
.esri-slider__min--interactive:hover {
  background-color: #f5f5f5;
}

.esri-slider__range-input {
  padding: 1px 0;
  text-align: center;
  width: 100%;
}

.esri-slider__ticks {
  display: inline-block;
  height: 100%;
  position: absolute;
}

.esri-slider__tick {
  background: rgba(110,110,110,0.4);
  position: absolute;
}

.esri-slider__tick-label {
  position: absolute;
}

[dir="rtl"] .esri-slider__label,
[dir="rtl"] .esri-slider__max,
[dir="rtl"] .esri-slider__min,
[dir="rtl"] .esri-slider__tick-label {
  direction: rtl;
}

@keyframes esri-spinner--start-animation {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes esri-spinner--finish-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes esri-spinner--rotate-animation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.esri-ui .esri-spinner {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  overflow: visible;
  width: 24px;
  height: 24px;
  position: absolute;
  left: -999em;
  top: -999em;
  z-index: 2;
  pointer-events: none;
  display: none;
  opacity: 0;
  transform-origin: 0 0;
}

.esri-ui .esri-spinner::before {
  position: absolute;
  margin: -50% 0 0 -50%;
  width: 100%;
  height: 100%;
  background: url(d34004f4dd5e39b0a2847f66f21456df.svg) no-repeat center;
  display: block;
  content: "";
  animation: esri-spinner--rotate-animation 750ms linear infinite;
}

.esri-ui .esri-spinner--start {
  display: block;
  animation: esri-spinner--start-animation 250ms cubic-bezier(0.17, 0.67, 0.36, 0.99) forwards;
}

.esri-ui .esri-spinner--finish {
  display: block;
  opacity: 1;
  animation: esri-spinner--finish-animation 125ms ease-in forwards;
  animation-delay: 75ms;
}

.esri-swipe {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: transparent;
  user-select: none;
}

.esri-swipe,
.esri-ui .esri-swipe {
  pointer-events: none;
}

.esri-swipe__container {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 1;
  touch-action: none;
  pointer-events: auto;
  overflow: hidden;
}

.esri-swipe--horizontal .esri-swipe__container {
  margin-left: -16px;
  height: 100%;
  cursor: col-resize;
}

.esri-swipe--vertical .esri-swipe__container {
  margin-top: -16px;
  width: 100%;
  cursor: row-resize;
}

.esri-swipe--disabled .esri-swipe__container {
  pointer-events: none;
  cursor: default;
}

.esri-swipe__divider {
  position: absolute;
  background-color: #fff;
}

.esri-swipe--horizontal .esri-swipe__divider {
  border-left: 1px solid rgba(110,110,110,0.5);
  border-right: 1px solid rgba(110,110,110,0.5);
  width: 4px;
  height: 100%;
  margin-left: -2px;
  top: 0;
  left: 16px;
}

.esri-swipe--vertical .esri-swipe__divider {
  border-top: 1px solid rgba(110,110,110,0.5);
  border-bottom: 1px solid rgba(110,110,110,0.5);
  width: 100%;
  height: 4px;
  margin-top: -2px;
  left: 0;
  top: 16px;
}

.esri-swipe__handle {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid rgba(110,110,110,0.5);
  border-radius: 2px;
  background-color: #fff;
}

.esri-swipe__handle--hidden {
  visibility: hidden;
}

.esri-swipe__handle-icon {
  position: relative;
  z-index: 2;
}

.esri-swipe--horizontal .esri-swipe__handle {
  top: calc(50% - 16px);
}

.esri-swipe--vertical .esri-swipe__handle {
  left: calc(50% - 16px);
}

.esri-feature-templates {
  background: #f5f5f5;
}

.esri-feature-templates__list-item-icon {
  flex: 0;
  width: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.esri-feature-templates__list-item-icon>div {
  display: flex;
}

.esri-feature-templates__loader {
  margin: 0 auto;
  height: 48px;
  width: 32px;
  background: url(b2fe6558e1b02b5a7b164e067461f5bb.gif) no-repeat center;
}

.esri-ui .esri-feature-templates {
  width: 300px;
}

.esri-time-slider {
  cursor: default;
  min-width: 375px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.esri-time-slider__layout--wide .esri-time-slider__row {
  display: flex;
  height: 88px;
  overflow: hidden;
}

.esri-time-slider__layout--wide .esri-time-slider__animation {
  width: 64px;
}

.esri-time-slider__layout--wide .esri-time-slider__time-extent {
  align-items: center;
  border-left: 1px solid rgba(110,110,110,0.3);
  border-right: 1px solid rgba(110,110,110,0.3);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 110px;
}

.esri-time-slider__layout--wide .esri-time-slider__min,
.esri-time-slider__layout--wide .esri-time-slider__max {
  width: 110px;
}

.esri-time-slider__layout--wide .esri-time-slider__max {
  border-right: 1px solid rgba(110,110,110,0.3);
}

.esri-time-slider__layout--wide .esri-time-slider__slider {
  flex: auto;
}

.esri-time-slider__layout--wide .esri-time-slider__previous,
.esri-time-slider__layout--wide .esri-time-slider__next {
  width: 42px;
}

.esri-time-slider__layout--compact .esri-time-slider__row {
  display: flex;
}

.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(1),
.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(3) {
  padding-bottom: 6px;
  padding-top: 6px;
}

.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(2) {
  height: 88px;
  overflow: hidden;
}

.esri-time-slider__layout--compact .esri-time-slider__animation {
  width: 35px;
}

.esri-time-slider__layout--compact .esri-time-slider__time-extent {
  align-items: center;
  display: flex;
  flex: auto;
  flex-flow: row nowrap;
  justify-content: center;
}

.esri-time-slider__layout--compact .esri-time-slider__time-extent-separator {
  margin: 0 15px 0 15px;
}

.esri-time-slider__layout--compact .esri-time-slider__slider {
  flex: auto;
}

.esri-time-slider__layout--compact .esri-time-slider__min,
.esri-time-slider__layout--compact .esri-time-slider__max {
  flex: auto;
  margin: 0 35px 0 35px;
}

.esri-time-slider__layout--compact .esri-time-slider__min {
  align-items: flex-start;
}

.esri-time-slider__layout--compact .esri-time-slider__max {
  align-items: flex-end;
}

.esri-time-slider__layout--compact .esri-time-slider__previous,
.esri-time-slider__layout--compact .esri-time-slider__next {
  width: 35px;
}

.esri-time-slider__mode--instant .esri-slider__segment-0,
.esri-time-slider__mode--instant .esri-slider__segment-1 {
  background-color: rgba(110,110,110,0.4);
}

.esri-time-slider__mode--time-window .esri-slider__segment-1 {
  background-color: #0079c1;
  height: 6px;
  margin-top: -1px;
}

.esri-time-slider__mode--time-window .esri-slider__segment-0,
.esri-time-slider__mode--time-window .esri-slider__segment-2 {
  background-color: rgba(110,110,110,0.4);
}

.esri-time-slider__mode--cumulative-from-start .esri-slider__segment-0 {
  background-color: #0079c1;
  height: 6px;
  margin-top: -1px;
}

.esri-time-slider__mode--cumulative-from-start .esri-slider__segment-1 {
  background-color: rgba(110,110,110,0.4);
}

.esri-time-slider__mode--cumulative-from-end .esri-slider__segment-0 {
  background-color: rgba(110,110,110,0.4);
}

.esri-time-slider__mode--cumulative-from-end .esri-slider__segment-1 {
  background-color: #0079c1;
  height: 6px;
  margin-top: -1px;
}

.esri-time-slider__animation-button {
  border: none;
  height: 100%;
  width: 100%;
}

.esri-time-slider__animation-button .esri-icon-play,
.esri-time-slider__animation-button .esri-icon-pause {
  font-size: 24px;
}

.esri-time-slider__time-extent {
  font-size: 12px;
  line-height: 12px;
}

.esri-time-slider__time-extent-group {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.esri-time-slider__time-extent-date {
  font-weight: 600;
  color: #0079c1;
}

.esri-time-slider__time-extent-time {
  color: #0079c1;
}

.esri-time-slider__time-extent-separator {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.esri-time-slider__min,
.esri-time-slider__max {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  font-size: 12px;
  justify-content: center;
  line-height: 12px;
}

.esri-time-slider__min-date,
.esri-time-slider__max-date {
  font-weight: 600;
}

.esri-time-slider__slider {
  background-color: #f5f5f5;
  padding: 0 40px 0 40px;
}

.esri-time-slider__slider .esri-slider {
  margin-top: -19px;
  background-color: #f5f5f5;
}

.esri-time-slider__slider .esri-slider__content {
  height: 2px;
}

.esri-time-slider__slider .esri-slider__thumb {
  border-width: 3px;
  top: -6px;
}

.esri-time-slider__slider .esri-slider__tick-label {
  font-size: 12px;
  margin-top: 23px;
  white-space: nowrap;
}

.esri-time-slider__slider .esri-slider__tick {
  background: rgba(110,110,110,0.4);
  width: 1px;
}

.esri-time-slider__slider .esri-slider__tick.minorTick {
  height: 4px;
}

.esri-time-slider__slider .esri-slider__tick.majorTick {
  height: 8px;
}

.esri-time-slider__slider .esri-slider__ticks {
  margin: 16px 0 0 0;
}

.esri-time-slider__slider .esri-slider__track {
  height: 4px;
}

.esri-time-slider__previous-button,
.esri-time-slider__next-button {
  border: none;
  height: 100%;
  width: 100%;
}

.esri-time-slider__previous-button .esri-icon-reverse,
.esri-time-slider__previous-button .esri-icon-forward,
.esri-time-slider__next-button .esri-icon-reverse,
.esri-time-slider__next-button .esri-icon-forward {
  font-size: 24px;
}

html[dir="rtl"] .esri-time-slider__layout--wide .esri-time-slider__row {
  flex-direction: row-reverse;
}

html[dir="rtl"] .esri-time-slider__layout--compact .esri-time-slider__row:nth-child(3) {
  flex-direction: row-reverse;
}

html[dir="rtl"] .esri-time-slider__layout--compact .esri-time-slider__min {
  align-items: flex-end;
}

html[dir="rtl"] .esri-time-slider__layout--compact .esri-time-slider__max {
  align-items: flex-start;
}

.esri-zoom {
  display: flex;
  flex-flow: column nowrap;
}

.esri-zoom.esri-zoom--horizontal {
  flex-flow: row-reverse nowrap;
}

.esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child {
  border-top: none;
}

.esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child {
  border-left: solid 1px rgba(110,110,110,0.3);
}

.esri-zoom .esri-widget--button {
  box-shadow: none;
}

.esri-zoom .esri-widget--button:first-child {
  margin-bottom: 0;
}

.esri-zoom .esri-widget--button:last-child {
  border-top: solid 1px rgba(110,110,110,0.3);
}

html[dir="rtl"] .esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child {
  border-top: none;
}

html[dir="rtl"] .esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child {
  border-left: solid 1px rgba(110,110,110,0.3);
}

@keyframes esri-fade-in-down {
  0% {
    opacity: 0;
    transform: translate3D(0, -5px, 0);
  }

  25% {
    opacity: 0;
    transform: translate3D(0, -5px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3D(0, 0, 0);
  }
}

@keyframes esri-fade-in-up {
  0% {
    opacity: 0;
    transform: translate3D(0, 5px, 0);
  }

  25% {
    opacity: 0;
    transform: translate3D(0, 5px, 0);
  }

  100% {
    opacity: 1;
    transform: translate3D(0, 0, 0);
  }
}

@keyframes esri-fade-in {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes esri-fade-in-scale {
  0% {
    opacity: 0;
    transform: scale3D(0.95, 0.95, 1);
  }

  100% {
    opacity: 1;
    transform: scale3D(1, 1, 1);
  }
}

@keyframes looping-progresss-bar-ani {
  0% {
    left: 0%;
    width: 0%;
  }

  20% {
    left: 0%;
    width: 20%;
  }

  80% {
    left: 80%;
    width: 20%;
  }

  100% {
    left: 100%;
    width: 0%;
  }
}

@keyframes esri-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes panel-advance {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0) scale(0.99);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes panel-retreat {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0) scale(0.99);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes panel-advance--rtl {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0) scale(0.99);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes panel-retreat--rtl {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0) scale(0.99);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

html,
body,
#app {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  letter-spacing: 0em;
  font-family: "Avenir Next", "Helvetica Neue", sans-serif;
  line-height: 1.55rem;
  font-feature-settings: "liga" 1, "calt" 0;
}

header.top-nav {
  z-index: 1;
  background-color: #0079c1;
  width: 100%;
  position: relative;
  font-weight: 400;
  font-style: normal;
  border-bottom: 1px solid #efefef;
}

@media (max-width: 600px) {
  .toolbar-title {
    display: none;
  }
}

.top-nav-title {
  float: left;
  margin-right: 1.5rem;
  padding-top: 1.125rem;
  padding-bottom: 1.25rem;
  line-height: 1.5rem;
  margin-left: 1rem;
}

.top-nav-title,
.top-nav-link {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.main,
.webmap {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main {
  flex-direction: column;
}

.esri-view-root {
  width: 100%;
  height: 100%;
}

.esri-widget h3 {
  font-size: 1rem;
}

.esri-widget li {
  margin: 0;
}

.dijitButton .dijitButtonNode {
  color: rgba(0,0,0,0);
  background-color: rgba(0,0,0,0);
  display: none;
}

.definitions .dijitOffScreen {
  background-color: #3677a9;
  border: none;
  border-radius: 12px;
  color: white;
  padding: 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-weight: bold;
}

.tooltip {
  font-size: 1.4em;
  font-family: "Avenir Next", "Helvetica Neue", sans-serif;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  font-size: 0.9em;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.esri-icon-non-visible:before {
  content: "\e610";
  color: inherit;
}

.esri-icon-visible:before {
  content: "\e611";
  color: inherit;
}

.esri-legend__layer-cell--info {
  font-size: 1.2em;
}

#stats {
  text-align: center;
  font-size: 1.3em;
  width: 400px;
  padding: 10px;
  border-radius: 10px;
  box-shadow: none;
  background-color: rgba(255,255,255,0.5);
}

.modal {
  width: 300px;
  border: 1px solid #b7b7b7;
  background: #fff;
  padding: 8px;
  margin: 0 auto;
  text-align: center;
  height: 200px;
  overflow: auto;
}

.modal-button {
  width: 300px;
  padding: 8px;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #b7b7b7;
}

@media only screen and (max-width: 767px) {
  #stats {
    font-size: 1em;
    width: 200px;
  }

  .modal {
    height: 200px;
  }
}