@CHARSET "ISO-8859-1";

/* **************************** BEGIN MAP CSS ************************ */

.map-absolute {position: absolute;}
#maps-dialog {white-space: pre};
#loading-dialog {white-space: pre};
.map-load {display:none;}
#zoomSlider { margin: 10px; width: 100px; float:left; }
#slideZoom {height: 100px; position: absolute; z-index: 150;background:#e1e1e1}
#canvas {background-color:#f6f6f6; border: 1px solid #b9b9b9;}
#controlPanel {display:none; position: absolute; z-index: 300; background-color:#d7d7d7; border: 1px solid #b9b9b9; border-right: 3px ridge #bbbbbb;}
#controlPanel-bar {/* background-color: white; */ border-width: 0px 0px 1px 0px; padding: 5px; border-style: solid; border-color: #b9b9b9;}
.control-button {margin: 0px 5px 0px 5px; cursor:pointer;}
.control-line {padding: 6px 10px 0px 10px;}
.edit-mode-button {margin-top: 7px; margin-right: auto; cursor:pointer;}
.map-tree-bar {display:block;margin-left:auto;margin-right:auto;  }
#map-tree-bar {margin-bottom:10px; margin-top:10px;}
#mode-switch-buttons {text-align: center;}
#tree {width: 100%; color:#6d6d6d;}
.map-locate-button {margin: 3px 0px 3px 0px;}
#map-details .section-divider {margin: 10px 10px 10px 10px; border-bottom: 1px solid #999999;}
#map-details {border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: ridge; /*border-color: #cccccc;*/ white-space: nowrap; overflow: auto; position: static !important}
#map-details .details-line {line-height: 1.0; color:#ffffff; font-size: 10pt; white-space: normal; padding:5px 0px 5px 0px;}
.map-noredir {line-height: 1.0; color:#ffffff !important; font-size: 10pt;}
#map-details .control-slide-container {display:inline-block !important; padding: 10px 10px 10px 10px; /* width: 100px !important */}
#map-details .control-slider {display: inline-block !important; margin-right: 8px;}
#map-details .details-line .details-line-label {font-size: 13pt; color:#ffffff; padding: 4px 0px 10px 0px;}
#map-details-heat { white-space: normal; }

.details-table {border-spacing:2px;}
.details-table td {padding:4px;border: 1px solid #eeeeee;}
.details-line-sublabel {font-size: 10pt; color:#ffffff; padding: 3px 0px 2px 0px;}
.details-expandable-link {text-decoration: underline; cursor: pointer;}
.addmap-line {line-height:2.0;}
.map-control {
	display:none;
	background-color: #ecf4f5;
	border: 1px solid #CCCCCC;
	position:absolute;
	z-index: 150;
	top:-5px;
	font-size:13px;
	font-family:Verdana, Arial, sans-serif;
	padding:5px;
	-moz-box-shadow: 3px 3px 5px rgba(136, 136, 136, .5);
	   -webkit-box-shadow: 3px 3px 5px rgba(136, 136, 136, .5);
	   box-shadow: 3px 3px 5px rgba(136, 136, 136, .5);
}
a.disabled {
    pointer-events: none;
    color: #aaa;
    cursor: not-allowed;
    text-decoration: none;
}
#clientHeightDiv {position: absolute; z-index: 156;}
#clientHeightDiv .clientheight-text {font-size: 15px; color:black; background-color: #DDD; z-index: 156;position:relative;}
#clientHeightDiv .clientheightvalue-text {font-size: 15px; font-weight:bold; color:blue; background-color: #fbfbfb; cursor:pointer; z-index: 156;position:relative; padding-left: 2px; padding-right: 2px}
#clientHeightDiv .clientheightvalue-text-disable {font-size: 15px; font-weight:bold; color:blue; background-color: #fbfbfb; z-index: 156;position:relative; padding-left: 2px; padding-right: 2px}
#clientHeightDiv .clientheight-container {position: relative;padding-left: 2px; padding-right: 2px}

#colorkey {position: absolute;}
#colorkey .color-key-square {z-index: 154; width: 100%; height: 100%;position: absolute; top: 0; left: 0;}
#colorkey .color-key-text {font-size: 13px; z-index: 155;position:relative;}
#colorkey .color-container {position: relative;padding-left: 2px; padding-right: 2px}
#perfkey {position: absolute;}
#perfkey .color-key-square {z-index: 154; width: 100%; height: 100%;position: absolute; top: 0; left: 0;}
#perfkey .color-key-text {font-size: 13px; z-index: 155; width: 100px; position:relative;}
#perfkey .color-container {position: relative;padding: 3px; width: 100px; display: inline-block; text-align: center;}
#perfkey .perf-disclaimer {z-index: 154; position: relative; background-color: #DDD; padding: 2px; margin: 3px 0 0 0; text-align: center;font-size: 9pt;}
#channelPopup {display:none;}
#perfStationPopup {display:none;}
#heat-popup-bands, #heat-popup-chans {display: none;}

#map-scale-container {position: absolute; z-index:150;}
#map-scale-image {position:absolute; z-index: 152; background-color: #fbfbfb}
#map-scale-text {position:absolute; z-index: 151; font-size:11pt;white-space: nowrap; background-color: #fbfbfb}
.layer-toggler {
	text-align:left; 
	line-height:1.6; 
	text-decoration:none; 
	padding:5px 10px 5px 40px; 
	display:block; cursor:pointer;
}
.layer-toggler:hover { background-color:#fff;
	color: #616161;
	background: #ececec; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bebebe', endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#999999)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #bebebe,  #999999); /* for firefox 3.6+ */ 
}

.layer-toggler > .layer-check-container {width:16px !important; min-width:16px !important;}
.layer-toggler > .layer-check {float: left; margin-left: -30px;}
.layer-toggler > .layer-label {text-align: right;color:#6d6d6d;}
#loadOverlay {width:100%;height:550px;position:absolute;z-index:900;opacity:1;background-color: #ffffff; font-size: x-large; text-align: center;}
.map-full-height {width: 50%;height:200px;}
.map-button {position: absolute; z-index: 250; cursor:pointer;}
#map-buttons-container .map-btn-disable {background-color: #003a70; position:absolute; z-index: 251}

/* Header row: compact height – buttons + one line of label, minimal space below */
.map-header-row {
	height: 55px;
}
.map-header-row td {
	vertical-align: middle;
	padding-top: 5px;
}

/* Map toolbar – grouped layout with flex */
#nav-bar.map-toolbar {
	background: #003a70;
	height: 50px;
	min-height: 50px;
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0;
	margin-left: 10px;
}
/* Firefox-specific adjustment: move toolbar 10px more to the right */
@-moz-document url-prefix() {
	#nav-bar.map-toolbar {
		margin-left: 20px;
	}
}
.map-toolbar-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 50px;
	flex-shrink: 0;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
}
.map-toolbar-group-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 3px;
	flex: 0 0 auto;
	min-height: 0;
}
.map-toolbar-group-buttons .map-button {
	position: static;
}
/* Group label: minimal spacing, tight under buttons, no space below */
.map-toolbar-group-label {
	display: block;
	font-size: 9px;
	line-height: 1.1;
	color: rgba(255, 255, 255, 0.82);
	text-align: center;
	margin: 0;
	padding: 1px 0 0 0;
	white-space: nowrap;
	flex-shrink: 0;
}
.map-toolbar-divider {
	display: inline-block;
	width: 2px;
	height: 80%;
	min-height: 32px;
	background: rgba(255, 255, 255, 0.22);
	margin: 0 15px;
	flex-shrink: 0;
	align-self: center;
}

/* Logo cell: vertically center logo in header bar */
.map-toolbar-logo-cell {
	vertical-align: middle;
}
.map-toolbar-logo-wrap {
	display: inline-flex;
	align-items: center;
	height: 50px;
	margin-left: 0px;
}
.map-toolbar-logo-img {
	display: block;
	max-height: 36px;
	width: auto;
	vertical-align: middle;
}

/* Icons: 28×28 display (SVG viewBox 0 0 24 24 scales up); 3px padding → 34px cell */
.map-toolbar-icon {
	display: block;
	width: 28px;
	height: 28px;
	padding: 3px;
	margin: 0 2px;
	box-sizing: content-box;
	object-fit: contain;
	object-position: center;
	border-radius: 3px;
	opacity: 0.95;
	outline: none;
}
.map-toolbar-icon:hover {
	background: rgba(255, 255, 255, 0.12);
	opacity: 1;
}
.map-toolbar-icon:focus {
	outline: none;
}
.map-toolbar-icon:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.5);
	outline-offset: 2px;
}

/* Busy state: mode/dialog active – clearly distinct from enabled */
.map-toolbar-btn-busy,
.map-toolbar-icon.map-toolbar-btn-busy {
	background: rgba(255, 255, 255, 0.28);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
	animation: map-toolbar-busy-pulse 1.5s ease-in-out infinite;
}
@keyframes map-toolbar-busy-pulse {
	0%, 100% { background-color: rgba(255, 255, 255, 0.28); }
	50% { background-color: rgba(255, 255, 255, 0.4); }
}

/* Dropdown: 28px height to match icon scale */
#wall_type.map-toolbar-select {
	height: 28px;
	min-width: 130px;
	margin: 0 2px;
	padding: 0 22px 0 8px;
	line-height: 22px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.12);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 3px;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 6px center;
	outline: none;
	box-shadow: none;
}
#wall_type.map-toolbar-select:hover {
	background-color: rgba(255, 255, 255, 0.18);
	border-color: rgba(255, 255, 255, 0.35);
}
#wall_type.map-toolbar-select:focus {
	outline: none;
	box-shadow: none;
}
#wall_type.map-toolbar-select option {
	background: #1a4a7a;
	color: #fff;
}

.map-toolbar-btn {
	border-radius: 3px;
	margin: 0 2px;
	box-sizing: border-box;
}

/* Save button: same rules as other toolbar icons (no colored background) */
.map-toolbar-save-btn {
	background: transparent;
	border: none;
}
.map-toolbar-save-btn:hover {
	background: rgba(255, 255, 255, 0.12);
	opacity: 1;
}

/* Logout button: icon link, same rules as other toolbar icons (no colored background) */
.map-toolbar-logout-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 3px;
	margin: 0 3px;
	box-sizing: content-box;
	background: transparent;
	border: none;
	border-radius: 3px;
	text-decoration: none;
	opacity: 0.95;
}
.map-toolbar-logout-btn img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	object-position: center;
	display: block;
}
.map-toolbar-logout-btn:hover {
	background: rgba(255, 255, 255, 0.12);
	opacity: 1;
}
.map-toolbar-logout-btn:focus {
	outline: none;
}
.map-toolbar-logout-btn:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.5);
	outline-offset: 2px;
}

/* Header table: 3 cells = menu width | toolbar (left) | Welcome + Logout (right) */
.map-header-table {
	table-layout: auto;
	border-collapse: collapse;
}
.map-header-cell-menu {
	width: 280px;
	max-width: 280px;
	vertical-align: middle;
}
.map-header-cell-toolbar {
	vertical-align: middle;
	text-align: left;
	padding-left: 12px;
	width: auto;
}
.map-header-cell-welcome {
	width: 1%;
	min-width: 220px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
}
.map-toolbar-welcome-logout {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 7px;
	justify-content: flex-end;
}
.map-toolbar-welcome-logout .map-button {
	position: static;
}
.map-toolbar-welcome {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	white-space: nowrap;
}
#map-helper {z-index:400;display:none}
#map-helper-box {
	z-index: 400;
	position:absolute;
	font-family:Verdana, Arial, sans-serif;
	padding:5px;
	-moz-box-shadow: 3px 3px 5px rgba(136, 136, 136, .5);
    -webkit-box-shadow: 3px 3px 5px rgba(136, 136, 136, .5);
    box-shadow: 3px 3px 5px rgba(136, 136, 136, .5);
    background: #000000; /* for non-css3 browsers */
}
#map-helper-box .info-icon {vertical-align:top;float:left;}
#map-helper-box .close-icon {vertical-align:top;float:left;}
#map-helper-text {color:#ffffff; padding: 0px 5px 2px 5px;font-size: 11pt;float:left;}
#map-helper-arrow {position:absolute;z-index:405}
#arrayActions {
	margin-top: 20px;
	padding-left: auto;
	padding-right: auto;
}
#layerHolder {
	margin-top: 20px;
}
#hidden-tab {
	display:none;
	position:absolute;
}
#side-tab-handles-ghost {
	z-index: 150;
}
.side-tab-handle {
    z-index: 151;
    position: absolute;
    text-align: center;
}
.side-tab-handle-selected {
	font-size: 12pt;
	font-style: italic;
	z-index: 153;
}
#side-tab-display {
/* 	overflow: hidden; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #d7d7d7;
	/*border: 1px solid #AFAFAF;*/
	position: absolute;
	z-index: 152;
	border: 1px solid;
	border-color: #b9b9b9;
	font-size:13px;
	font-family:Verdana, Arial, sans-serif;
	padding:5px;
}
#side-tab-handles-ghost {overflow: hidden; position:fixed;}

.rssi-detect {
	height: 5000;
	width: 5000;
}

.map-checkbox-label {
	display: inline-block;	
	padding: 5px 5px 5px 5px;
}

.map-checkbox-label > input {
	margin-right:5px;
}

/* ************************ END MAPS CSS ************************** */

.hidden {
	display: none;	
}
.pixels {
	display: none;	
}


.vakata-context { z-index:10052 !important; }