#map-canvas {
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	height: 600px !important;
}

.gm-style-iw button:focus {
	outline: 0;
}

.gm-style-iw-ch span {
	font-weight: 700;
}

.gm-style-iw-chr button span {
	width: 18px !important;
	height: 18px !important;
	background-repeat: no-repeat;
}

ul[role="menu"] {
	list-style-type: none;
	width: 150px;
}

li[role="menuitemcheckbox"]  {
	background-image: none;
}

li[role="menuitemcheckbox"] span {
	width: 20px;
}


/* #infoWindowContent { min-width: 200px;} */

#legend {
	background: #FFF;
	padding: 10px;
	margin: 10px;
	border: 1px solid #ddd;
	font-size: 14px;
	width: 260px;
	text-align: left;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background-clip: padding-box;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

#legend img {
	vertical-align: middle;
	height: 20px !important;
	width: 20px !important;
	margin: -2px 8px 0 7px;
}

.legendLink {
	cursor: pointer;
}

.legendLink:hover {
	font-weight: bold;
}

.lineColor {
	border: 1px solid #efefef;
	height: 10px;
	width: 30px;
	margin: 3px 3px 0 0;
	float: left;
}

.legendLink:hover .lineColor {
	border: 1px solid #000;
	height: 10px;
	width: 30px;
	margin: 3px 3px 0 0;
	float: left;
}

.overhead {
	background: #0070ff;
}

.underground {
	background: #149600;
}


/* .map-label {
	color: #fff;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding: 2px;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
} */


.map-legend { background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.15);
  padding:10px 12px; font:14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; max-width:280px; }
.legend-section + .legend-section { margin-top:8px; }
.legend-header { font-weight:600; margin-bottom:2px; }
.legend-item { display:flex; align-items:center; gap:8px; }
.legend-line { width:100%; text-align:left; border:0; background:transparent; cursor:pointer; padding:4px 0; }
.legend-line:hover .label { text-decoration:underline; }
.swatch { width:16px; height:16px; border-radius:3px; display:inline-block; }
.legend-substations .icon { width:18px; height:18px; }
.legend-toggle { display:flex; align-items:center; gap:8px; cursor:pointer; }
.legend-actions { display:flex; justify-content:flex-start; }
.legend-reset { border:1px solid #ddd; background:#f7f7f7; border-radius:6px; padding:6px 10px; cursor:pointer; }
.legend-reset:hover { background:#efefef; }