/* .map-info { */
/* 	min-width:300px; */
/* } */

/* .map-info .image img { */
/*   max-width:200px; */
/* } */

/* .dates { */
/*   margin-bottom:15px; */
/* } */

/* .date-from { */
/* 	float:left; */
/* 	margin: 0 10px 0 0; */
/* } */

/* .datepicker-from, .datepicker-to { */
/* 	width: 70px; */
/* } */

/* .ui-datepicker { */
/* 	z-index: 1000 !important; */
/* } */

/* .map img { */
/* 	max-width: none !important; */
/* } */

.indoor-plan-control {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
}

.gm-style .indoor-plan-control .indoor-plan-label {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  color: #5f6368;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  white-space: nowrap;
}

.gm-style .indoor-plan-control .gmap-control {
  appearance: none;
  background-color: #fff;
  border: 0;
  color: #5f6368;
  line-height: 30px;
  min-height: 30px;
}

.gm-style .indoor-plan-control .gmap-control:hover {
  background-color: #f0f0f0;
  color: #5f6368;
}

.gm-style .indoor-plan-control .gmap-control-active,
.gm-style .indoor-plan-control .gmap-control-active:hover {
  background-color: #b61f34;
  border-color: #b61f34;
  color: #fff;
}

.indoor-plan-overlay {
  opacity: 0.82;
  pointer-events: none;
  position: absolute;
}

.indoor-plan-overlay img {
  display: block;
  height: 100%;
  max-width: none;
  transform-origin: center center;
  width: 100%;
}


.indoor-coordinate-readout {
  align-items: center;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
  color: #5f6368;
  display: none;
  flex-wrap: wrap;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  gap: 4px 8px;
  line-height: 32px;
  margin: 10px;
  max-width: min(900px, calc(100vw - 40px));
  padding: 0 8px;
  pointer-events: auto;
  white-space: nowrap;
}

.indoor-coordinate-status {
  color: #b61f34;
  font-weight: 700;
}

.indoor-coordinate-value {
  font-variant-numeric: tabular-nums;
}

.indoor-coordinate-panel {
  border-left: 1px solid #dadce0;
  color: #3c4043;
  padding-left: 8px;
}



.indoor-coordinate-plan {
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 2px;
  color: #3c4043;
  font: inherit;
  height: 28px;
  max-width: 150px;
  padding: 0 6px;
}

.indoor-coordinate-readout button {
  appearance: none;
  background: #f8f9fa;
  border: 0;
  border-left: 1px solid #dadce0;
  color: #5f6368;
  cursor: pointer;
  font: inherit;
  line-height: 32px;
  padding: 0 8px;
}

.indoor-coordinate-readout button:hover {
  background: #f0f0f0;
}


.indoor-popup-panel {
  border-top: 1px solid #dadce0;
  color: #3c4043;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  margin-top: 8px;
  min-width: 220px;
  padding-top: 8px;
}

.indoor-popup-title {
  color: #202124;
  font-weight: 700;
  margin-bottom: 6px;
}

.indoor-popup-status {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin-bottom: 2px;
}

.indoor-popup-edit {
  display: grid;
  gap: 6px;
}

.indoor-popup-row {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: 58px minmax(128px, 1fr);
  margin: 0;
}

.indoor-popup-row span {
  color: #5f6368;
}

.indoor-popup-plan {
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 2px;
  color: #3c4043;
  font: inherit;
  height: 28px;
  max-width: 180px;
  padding: 0 6px;
}

.indoor-popup-position-value {
  color: #3c4043;
  font-variant-numeric: tabular-nums;
}

.indoor-popup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding-left: 64px;
}

.indoor-popup-actions button {
  appearance: none;
  background: #f8f9fa;
  border: 1px solid #dadce0;
  border-radius: 2px;
  color: #5f6368;
  cursor: pointer;
  font: inherit;
  height: 28px;
  padding: 0 8px;
}

.indoor-popup-actions button:hover {
  background: #f0f0f0;
}

.indoor-popup-actions button:disabled {
  background: #f8f9fa;
  color: #9aa0a6;
  cursor: default;
}

.gm-style .gm-style-iw-chr {
  height: 0;
  min-height: 0;
  overflow: visible;
}

.gm-style .gm-style-iw-ch {
  height: 0;
  padding: 0;
}

.gm-style .gm-style-iw-c {
  padding: 10px 12px 10px !important;
}

.gm-style .gm-style-iw-d {
  margin: 0;
  max-height: none !important;
  overflow: auto !important;
  padding: 0;
}

.gm-style .gm-ui-hover-effect {
  background-color: transparent !important;
  background-image: url(/themes/custom/clearchannel/dist/images/icon-close-AI.2eee8695.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  border: 0 !important;
  height: 30px !important;
  opacity: 1;
  padding: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 30px !important;
  z-index: 2;
}

.gm-style .gm-ui-hover-effect > span,
.gm-style .gm-ui-hover-effect > img {
  display: none !important;
}

.gm-style .gm-ui-hover-effect:hover {
  background-color: #f0f0f0 !important;
}