/* Overriding ESRI default CSS rule is the temporary solution for the MW-4.16.0 release with a limited number of ECC enablement,
per discussion, this should be removed and updated with a custom popup solution when the ESRI RPN project kicks off
reference: https://github.com/Esri/arcgis-js-api/blob/4master/assets/esri/themes/base/widgets/_Popup.scss  */

.esri-popup {
  border-radius: 10px !important;
}

.esri-popup__main-container {
  width: 245px !important;
  border-radius: 10px !important;
}

/* hide the esri-popup header to remove some extra top spacing*/
.esri-popup__header {
  display: none !important;
}

.esri-popup__content {
  padding: 12px 3px 0px 3px !important; /* space around the popup content */
  font-size: 14px !important;
}

/* remove ESRI popup caret/pointer */
.esri-popup__pointer {
  display: none !important;
}

/* lift popup slightly higher after removing pointer */
.esri-ui .esri-popup {
  transform: translateY(-5px) !important;
}
.esri-popup--aligned-top-center .esri-popup__main-container {
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.esri-popup__container {
  filter: none !important;
}

.esri-basemap-toggle__container,
.esri-basemap-toggle__image {
  top: 2px !important;
  height: 62px !important;
  width: 62px !important;
}