.app-map-div {
  background-color: #ffffff !important;
}

.app-map-controls {
  background: rgba(250, 250, 250, .9);
  border-color: rgba(200, 200, 200, .9);
  border-width: 1px;
  border-style: solid;
}

.app-map-main-container {
  overflow: hidden;
}

.app-map-main-container md-bottom-sheet {
  opacity: 0.92;
  background-color: #ffffff;
}

.app-map-main-container md-input-container:after {
  display: unset;
}

.app-map-bottomsheet {
  border-color: rgba(200, 200, 200, .9) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 4px 4px 4px 4px !important;
}

/* ol override */
.ol-mouse-position {
  display: none !important;
}

.ol-scale-line {
  display: none !important;
}

/* ol override */

/* obliquo override */
.ZoomBar {
  display: none !important;
}

#ControlObliqueNavigation {
  display: none !important;
}

.ControlOrtho{
  display: none !important;
}

.ControlObliqueBar {
  display: none !important;
}
/* obliquo override */

/* menu tools */
.app-map-menu-container {
  position: absolute;
  bottom: 8px;
  width: 100%;
  z-index: 10;
}

.app-map-menu-tools-content {
  background-color: transparent;
}

.app-map-menu-tool-button-container {
  width: 47px;
  height: 47px;
  min-width: 47px;
  min-height: 47px;
  padding: 4px 4px 0px 4px;
}

.app-map-menu-tool-button {
  background-color: transparent !important;
  width: 43px !important;
  height: 43px !important;
  margin: 0px !important;
  padding: 0px !important;
  min-width: 43px !important;
  min-height: 43px !important;
}

.app-map-menu-tool-button-spacer {
  width: 4px;
  min-width: 4px;
}

.app-map-menu-tool-button-img {
  height: 43px;
}

@media (max-width: 959px) {
  .app-map-menu-tool-button-img{
		padding-right: 16px !important;
	}
}

.app-map-menu-measure-container {
  position: absolute;
  bottom: 58px;
  width: 100%;
  z-index: 10;
}
/* menu tools */

/* search */
@media screen and (max-width: 479px) {
  .app-map-search-bottomsheet {}
}

@media screen and (min-width: 480px) {
  .app-map-search-bottomsheet {
    margin: 0 auto;
    min-width: 480px;
    max-width: 480px;
    width: 480px;
  }
}

.app-map-search-bottomsheet-content {}

.app-map-search-search-button {
  top: -27px !important;
  right: 70px !important;
}

.app-map-search-trash-button {
  top: -27px !important;
  right: 10px !important;
}

.app-map-search-button-image {
  width: 28px;
  height: 28px;
}

.app-map-search-form {
  border-bottom: 1px rgba(200, 200, 200, .9) solid;
  padding-top: 8px;
  padding-bottom: 8px;
}

.app-map-search-autocomplete {
  height: 82px !important;
  min-width: 0px;
  margin-bottom: 0px;
}

.app-map-search-input-container {
  height: 64px !important;
  margin-bottom: 0px;
}

.app-map-search-gps-label-container {
  min-width: 50px;
}

.app-map-search-select-container {
  max-width: 90% !important;
}

.app-map-search-gps-radio {
  padding-top: 4px;
  padding-bottom: 8px;
}

.app-map-search-spacer {
  width: 8px;
}

/* search */

/* measure */
@media screen and (max-width: 479px) {
  .app-map-measure-bottomsheet {
    padding-top: 4px !important;
  }
}

@media screen and (min-width: 480px) {
  .app-map-measure-bottomsheet {
    margin: 0 auto;
    min-width: 240px;
    max-width: 240px;
    width: 240px;
    padding-top: 4px !important;
  }
}

.app-map-measure-bottomsheet-content {}
/* measure */

/* overlay */
.app-map-overlay-div {
  position: absolute;
  border-radius: 4px 4px 4px 4px;
  bottom: 12px;
  left: -50px;
  background: rgb(250, 250, 250);
  border-color: rgb(200, 200, 200);
  border-width: 1px;
  border-style: solid;
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.6));
  width: 200px;
}

.app-map-overlay-div:after,
.app-map-overlay-div:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.app-map-overlay-div:after {
  border-top-color: rgb(250, 250, 250);
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}

.app-map-overlay-div:before {
  border-top-color: rgb(200, 200, 200);
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

.app-map-overlay-title {
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
  background: rgb(222, 222, 222);
}

.app-map-overlay-content {
  padding: 8px;
}

/* overlay */

/* top right band */
.app-map-top-right-band-tools {
  position: absolute;
  top: 8px;
  right: 0px;
  z-index: 1;
}

.app-map-top-right-band-container {
  padding-left: 0px;
  padding-right: 8px;
}

.app-map-top-right-band-tools-div {
  height: 42px;
}

.app-map-year {
  border-radius: 4px 4px 4px 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.app-map-year-container {
  height: 100%;
}

.app-map-year-select {
  margin-top: unset;
  margin-bottom: unset;
}
/* top right band */

/* bottom right band */
.app-map-bottom-right-band-tools {
  position: absolute;
  bottom: 20px;
  right: 8px;
  z-index: 10;
} 

.app-map-bottom-right-band-year-container {
  padding-left: 8px;
  padding-right: 0px;
}

.app-map-bottom-right-band-tools-div {
  height: 16px;
}
/* bottom right band */

/* bottom band */
.app-map-bottom-band-credits{
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 10;
}

.app-map-bottom-band-container{
	padding-left: 8px;
	padding-right: 8px;
}

.app-map-bottom-band-credit-div{
  height: 14px;
}

.app-map-attribution {    
	border-radius: 4px 4px 0px 0px;
	padding: 4px;
	font-size: 10px;
	height: 8px;
	line-height: 10px;
}

.app-map-attribution-link {
	color: rgb(0,0,0) !important;
	text-decoration: none;
}
/* bottom band */


/* top right menu */
.app-map-menu-oblique {
  position: absolute;
  top: 60px;
  right: 8px;
  z-index: 1;
}

.app-map-menu-ortho {
  position: absolute;
  top: 60px;
  right: 8px;
  z-index: 1;
}

.app-map-menu-content{
	max-width: 240px;
} 

.app-map-menu-divider{
  border-top-width: 4px !important;
}
/* top right menu */

/* top left band */
.app-map-top-left-band-tools {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
}

.app-map-top-left-band-container {}

.app-map-top-left-band-tools-div {}

.app-map-top-left-band-button-container {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 2px 2px 2px 2px;
}

.app-map-top-left-band-button-img {
  height: 28px;
}

.app-map-top-left-band-button {
  background-color: transparent !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0px !important;
  padding: 0px !important;
  min-width: 28px !important;
  min-height: 28px !important;
}

.app-map-top-left-band-arrow-button-container {
  width: 24px;
  height: 32px;
  min-width: 24px;
  min-height: 32px;
  padding: 2px 2px 2px 2px;
}

.app-map-top-left-band-arrow-button-img {
  height: 28px;
}

.app-map-top-left-band-arrow-button {
  background-color: transparent !important;
  width: 20px !important;
  height: 28px !important;
  margin: 0px !important;
  padding: 0px !important;
  min-width: 20px !important;
  min-height: 28px !important;
}

.app-map-top-left-band-compass-container {
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  padding: 2px 2px 2px 2px;
}

.app-map-top-left-band-compass-img {
  height: 48px;
}

.app-map-top-left-band-compass {
  background-color: transparent !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0px !important;
  padding: 0px !important;
  min-width: 48px !important;
  min-height: 48px !important;
}

.app-map-top-left-band-spacer {
  height: 8px;
}

.app-map-top-left-band-north-indicator-img {
  height: 60px;
}

/* top left band */