.esri-view {
  position: absolute;
  height: 100%;
  width: 100%; }

.esri-widget-button {
  z-index: 1; }

.esri-widget-button:focus {
  z-index: 2; }

.esri-widget .esri-widget-button, .esri-widget.esri-widget-button {
  width: 30px;
  height: 30px;
  font-size: 13px; }

.esri-search,
.esri-search .esri-search__input {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400; }

.esri-search .esri-search__container {
  z-index: 1; }

.esri-widget .esri-menu li {
  padding: .6em 1em;
  font-size: 13px; }

.esri-basemap-toggle {
  z-index: 1; }

.esri-widget .esri-basemap-toggle__container, .esri-widget .esri-basemap-toggle__image {
  width: 48px;
  height: 48px; }

.esri-widget.esri-basemap-toggle {
  width: 49px;
  height: 49px; }

.esri-legend {
  overflow: hidden;
  padding: 0;
  max-width: 100%; }

.calcite-panels .esri-color-picker {
  width: 100%; }

.calcite-map .esri-popup__position-container {
  z-index: 3; }

.calcite-map .esri-popup__header-title {
  padding: 8px 15px 6px;
  font-size: 15px;
  cursor: pointer; }

.calcite-map .esri-popup .esri-popup-collapsed .esri-popup__content,
.calcite-map .esri-popup .esri-popup-collapsed .esri-popup__footer {
  display: none; }

.calcite-map .esri-popup .esri-popup-collapsed .esri-widget h1 {
  margin: 0; }

.calcite-map .esri-popup .esri-popup-collapsed .esri-popup__header-title {
  padding: 9px 15px 5px; }

.calcite-map .esri-popup .esri-popup-collapsed .esri-popup__header .esri-popup__button {
  padding: 11px 7px 10px; }

.calcite-map .esri-popup .esri-show-dock .esri-dock {
  z-index: 1; }

.calcite-map .esri-ui-bottom-left,
.calcite-map .esri-ui-bottom-right {
  flex-flow: column nowrap; }

.calcite-map .esri-ui-bottom-left .esri-widget.esri-component,
.calcite-map .esri-ui-bottom-right .esri-widget.esri-component {
  margin-top: 9px; }

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

@media (min-width: 768px) {
  .calcite-nav-bottom .esri-popup--is-docked-top-left .esri-popup__main-container,
  .calcite-nav-bottom .esri-popup--is-docked-top-center .esri-popup__main-container,
  .calcite-nav-bottom .esri-popup--is-docked-top-right .esri-popup__main-container {
    margin-top: 15px; } }

.calcite-nav-top .esri-popup .esri-docked,
.calcite-nav-top-fixed .esri-popup .esri-docked {
  margin: 15px 15px 30px 15px !important; }

.calcite-nav-bottom .esri-popup .esri-docked,
.calcite-nav-bottom-fixed .esri-popup .esri-docked {
  margin: 30px 15px 15px 15px !important; }

.calcite-maps .esri-attribution {
  box-shadow: none;
  -webkit-box-shadow: none; }

.calcite-nav-top .esri-attribution,
.calcite-nav-top-fixed .esri-attribution {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0; }

.calcite-nav-bottom .esri-ui .esri-attribution,
.calcite-nav-bottom-fixed .esri-ui .esri-attribution {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0; }

.calcite-nav-bottom .navbar .esri-widget .esri-menu,
.calcite-nav-bottom-fixed .navbar .esri-widget .esri-menu {
  top: auto;
  bottom: 36px; }

.esri-search .esri-search__input {
  line-height: 1; }

.calcite-navbar-search .esri-search {
  -webkit-box-shadow: none;
  box-shadow: none; }

.calcite-navbar-search.calcite-search-expander .esri-search {
  z-index: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 13px; }

.calcite-navbar-search.calcite-search-expander .esri-widget-button {
  width: 28px;
  height: 28px;
  font-size: 14px; }

.calcite-navbar-search.calcite-search-expander .esri-search__input {
  background-color: transparent; }

.calcite-navbar-search.calcite-search-expander .esri-search::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  height: 15px;
  width: 100%;
  display: block;
  background-color: transparent; }

.calcite-navbar-search.calcite-search-expander .esri-search::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: -15px;
  height: 15px;
  width: 100%;
  display: block;
  background-color: transparent; }

.calcite-navbar-search.calcite-search-expander .esri-search {
  -webkit-transition: width .5s ease-out;
  -moz-transition: width .5s ease-out;
  -o-transition: width .5s ease-out;
  -ms-transition: width .5s ease-out;
  transition: width .5s ease-out;
  width: 32px; }
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search__container .esri-search__form {
    -webkit-transition: visibility .45s ease-out;
    -moz-transition: visibility .45s ease-out;
    -o-transition: visibility .45s ease-out;
    -ms-transition: visibility .45s ease-out;
    transition: visibility .45s ease-out;
    visibility: collapse; }
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search__container .esri-search__input-container {
    width: 0; }
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search__container .esri-search--show-suggestions .esri-search__suggestions-menu,
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search__container .esri-search--sources .esri-search__sources-menu,
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search__container .esri-search--no-results .esri-search__no-results-menu,
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search__container .esri-search--has-value .esri-search__clear-button,
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search__container .esri-search__clear-button {
    display: none; }
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search--show-suggestions .esri-search__suggestions-menu,
  .calcite-navbar-search.calcite-search-expander .esri-search .esri-search--no-results .esri-search__no-results-menu {
    visibility: collapse; }

.calcite-navbar-search.calcite-search-expander .esri-search:hover,
.calcite-navbar-search.calcite-search-expander .esri-search:focus {
  width: 240px; }
  .calcite-navbar-search.calcite-search-expander .esri-search:hover .esri-search__container .esri-search__form,
  .calcite-navbar-search.calcite-search-expander .esri-search:focus .esri-search__container .esri-search__form {
    visibility: visible; }
  .calcite-navbar-search.calcite-search-expander .esri-search:hover .esri-search__container .esri-search--show-suggestions .esri-search__suggestions-menu,
  .calcite-navbar-search.calcite-search-expander .esri-search:focus .esri-search__container .esri-search--show-suggestions .esri-search__suggestions-menu {
    display: block; }
  .calcite-navbar-search.calcite-search-expander .esri-search:hover .esri-search__container .esri-search--has-value .esri-search__clear-button,
  .calcite-navbar-search.calcite-search-expander .esri-search:hover .esri-search__container .esri-search__clear-button,
  .calcite-navbar-search.calcite-search-expander .esri-search:focus .esri-search__container .esri-search--has-value .esri-search__clear-button,
  .calcite-navbar-search.calcite-search-expander .esri-search:focus .esri-search__container .esri-search__clear-button {
    display: flex; }
  .calcite-navbar-search.calcite-search-expander .esri-search:hover .esri-search--show-suggestions .esri-search__suggestions-menu,
  .calcite-navbar-search.calcite-search-expander .esri-search:focus .esri-search--show-suggestions .esri-search__suggestions-menu {
    visibility: visible; }
  .calcite-navbar-search.calcite-search-expander .esri-search:hover .esri-search--no-results .esri-search__no-results-menu,
  .calcite-navbar-search.calcite-search-expander .esri-search:focus .esri-search--no-results .esri-search__no-results-menu {
    visibility: collapse; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search {
  border-color: transparent; }
  .calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search .esri-search__submit-button {
    border-color: transparent;
    color: #323232; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search {
  border-color: transparent; }
  .calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search .esri-search__submit-button {
    border-color: transparent;
    color: #ffffff; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search:hover,
.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search:focus {
  border-color: rgba(0, 0, 0, 0.3); }
  .calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search:hover .esri-search__submit-button,
  .calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search:focus .esri-search__submit-button {
    border-color: rgba(0, 0, 0, 0.3); }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search:hover,
.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search:focus {
  border-color: rgba(255, 255, 255, 0.7); }
  .calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search:hover .esri-search__submit-button,
  .calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search:focus .esri-search__submit-button {
    border-color: rgba(255, 255, 255, 0.7); }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0); }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search:hover,
.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget.esri-search:active {
  border: 1px solid rgba(0, 0, 0, 0.3); }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget,
.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget-button {
  color: #4c4c4c; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget-button {
  background-color: transparent; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget-button.esri-disabled {
  color: #6e6e6e; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__input {
  color: #4c4c4c; }
  .calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__input::-webkit-input-placeholder {
    color: #4c4c4c;
    opacity: 0.5; }
  .calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__input::-moz-placeholder {
    /* Firefox 19+ */
    color: #4c4c4c;
    opacity: 0.5; }
  .calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__input:-ms-input-placeholder {
    color: #4c4c4c;
    opacity: 0.5; }
  .calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__input:-moz-placeholder {
    /* Firefox 18- */
    color: #4c4c4c;
    opacity: 0.5; }
  .calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__input::placeholder {
    color: #4c4c4c;
    opacity: 0.5; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__submit-button {
  color: #4c4c4c; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget-button:active,
.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-widget-button:hover,
.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__submit-button:hover,
.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-search__clear-button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #323232; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-menu li {
  background-color: #ffffff;
  color: #4c4c4c; }

.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-menu li:focus,
.calcite-navbar.calcite-text-dark .calcite-search-expander .esri-menu li:hover {
  background-color: #f4f4f4;
  color: #323232; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0); }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search:hover,
.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget.esri-search:active {
  border: 1px solid rgba(255, 255, 255, 0.7); }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget,
.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget-button {
  color: #f8f8f8; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget-button {
  background-color: transparent; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget-button.esri-disabled {
  color: #e7e7e7; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__input {
  color: #f8f8f8; }
  .calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__input::-webkit-input-placeholder {
    color: #f8f8f8;
    opacity: 0.5; }
  .calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__input::-moz-placeholder {
    /* Firefox 19+ */
    color: #f8f8f8;
    opacity: 0.5; }
  .calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__input:-ms-input-placeholder {
    color: #f8f8f8;
    opacity: 0.5; }
  .calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__input:-moz-placeholder {
    /* Firefox 18- */
    color: #f8f8f8;
    opacity: 0.5; }
  .calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__input::placeholder {
    color: #f8f8f8;
    opacity: 0.5; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__submit-button {
  color: #f8f8f8; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget-button:active,
.calcite-navbar.calcite-text-light .calcite-search-expander .esri-widget-button:hover,
.calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__submit-button:hover,
.calcite-navbar.calcite-text-light .calcite-search-expander .esri-search__clear-button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-menu li {
  background-color: #ffffff;
  color: #4c4c4c; }

.calcite-navbar.calcite-text-light .calcite-search-expander .esri-menu li:focus,
.calcite-navbar.calcite-text-light .calcite-search-expander .esri-menu li:hover {
  background-color: #f4f4f4;
  color: #323232; }

.calcite-panels .esri-search {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none; }

.calcite-panels .esri-search .esri-search__input {
  border: none; }

.calcite-panels .esri-search .esri-menu {
  width: calc(100% + 2px);
  left: -1px; }

.calcite-panels .esri-legend {
  width: 100%;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.calcite-navbar.calcite-bg-light .esri-search,
.calcite-panels.calcite-bg-light .esri-search {
  border: 1px solid rgba(0, 0, 0, 0.25); }

.calcite-navbar.calcite-bg-dark .esri-search,
.calcite-panels.calcite-bg-dark .esri-search {
  border: 1px solid rgba(209, 209, 209, 0.2); }

.calcite-widgets-dark .esri-widget:not(.esri-legend):not(.esri-attribution):not(.esri-spinner),
.calcite-widgets-dark .esri-widget.esri-search,
.calcite-widgets-dark .esri-widget .esri-popup,
.calcite-widgets-dark .esri-widget .esri-menu,
.calcite-widgets-dark .esri-widget-button,
.calcite-widgets-dark .esri-popup .esri-popup-main,
.calcite-widgets-dark .esri-popup .esri-pointer .esri-pointer-direction,
.calcite-widgets-dark .esri-popup .esri-button,
.calcite-widgets-dark .esri-popup .esri-popup__main-container {
  background-color: #333333;
  color: #f8f8f8; }

.calcite-widgets-dark .esri-widget-button:focus,
.calcite-widgets-dark .esri-widget-button:hover,
.calcite-widgets-dark .esri-widget .esri-menu li:focus,
.calcite-widgets-dark .esri-widget .esri-menu li:hover {
  background-color: #333333;
  color: #ffffff; }

.calcite-widgets-dark .esri-widget-button:active,
.calcite-widgets-dark .esri-widget-button:hover,
.calcite-widgets-dark .esri-search .esri-search__clear-button:hover {
  background-color: #4c4c4c;
  color: #d1d1d1; }

.calcite-widgets-dark .esri-widget-button.esri-disabled {
  color: #5c5c5c; }

.calcite-widgets-dark .esri-zoom .esri-widget-button:last-child {
  border-top: solid 1px rgba(209, 209, 209, 0.2); }

.calcite-widgets-dark .esri-search,
.calcite-widgets-dark .esri-zoom,
.calcite-widgets-dark .esri-widget-button {
  -webkit-box-shadow: 0 1px 2px rgba(55, 55, 55, 0.5);
  box-shadow: 0 1px 2px rgba(55, 55, 55, 0.5); }

.calcite-widgets-dark .esri-search .esri-widget-button,
.calcite-widgets-dark .esri-zoom .esri-widget-button {
  -webkit-box-shadow: none;
  box-shadow: none; }

.calcite-widgets-dark .esri-search .esri-search__submit-button {
  border-left: solid 1px rgba(209, 209, 209, 0.2); }

.calcite-widgets-dark .esri-widget .esri-menu li {
  border-top: solid 1px rgba(209, 209, 209, 0.2); }

.calcite-widgets-dark .esri-popup__button {
  color: #f8f8f8; }

.calcite-widgets-dark .esri-popup__pointer-direction {
  background-color: #333333; }

.calcite-widgets-dark .esri-popup .esri-button:focus,
.calcite-widgets-dark .esri-popup .esri-button:hover,
.calcite-widgets-dark .esri-popup__button:focus,
.calcite-widgets-dark .esri-popup__button:hover {
  color: #ffffff; }

.calcite-widgets-dark .esri-widget table {
  color: #ffffff; }

.calcite-widgets-dark .esri-widget table tr:nth-child(even) {
  background-color: rgba(105, 105, 105, 0.7); }

.calcite-widgets-dark .esri-widget table tr:nth-child(odd) {
  background-color: rgba(250, 250, 250, 0.1); }

.calcite-widgets-dark .esri-popup .esri-popup-content::-webkit-scrollbar {
  background-color: rgba(200, 200, 200, 0.2); }

.calcite-widgets-dark .esri-popup .esri-popup-content::-webkit-scrollbar-thumb {
  background-color: rgba(200, 200, 200, 0.6); }

@media (max-width: 320px) {
  .calcite-navbar .calcite-navbar-search.calcite-search-expander .esri-search:hover .esri-search__container,
  .calcite-navbar .calcite-navbar-search.calcite-search-expander .esri-search:focus .esri-search__container {
    width: 200px; } }

@media (max-width: 768px) {
  .calcite-map .esri-popup .esri-docked-bottom-center .esri-popup-main {
    width: 100%; }
  .calcite-map .esri-widget-button {
    width: 28px;
    height: 28px;
    font-size: 12px; }
  .calcite-map .esri-search,
  .calcite-map .esri-search .esri-search__input {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400; }
  .calcite-map .esri-widget .esri-menu li {
    padding: .6em 1em;
    font-size: 13px; } }
