@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

html, body {
height: 100%;
margin: 0px auto;
padding: 0;
text-align: left;
font-size: 12pt;
font-family: 'Inter', Arial, sans-serif;
font-feature-settings: 'tnum';
}

#map {
height: 100%;
}

h1 {
	font-size: 14pt;
}

img {
	border: 0 none;
}

div.curvedLightbox {
	/*
-moz-box-shadow: 1px 0 4px 3px #999;
-webkit-box-shadow: 1px 0 4px 3px #999;
*/
background: #f3f3f3;
border-radius: 20px;
}
div.curvedLightboxBody {
border-radius: 20px;
}

div.mapButtonRow {
position: absolute;
top: 71px;
right: 105px;
z-index: 9;
}

div.mapButtonRow a {
float:right;
opacity: 0.9;
margin-right:5px;
display: none;
}

/* Label for an input box, etc in a popup */
span.popupInputLabel {
	color: #303040;
	font-size: 10pt;
}

a.smallLink {
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
}
a.smallLink:hover {
	text-decoration: underline;
}

a {
	color: #448;
}
a:hover {
	color: #0000ff;
}
a:visited {
	color: #444;
}

a.reference {
	font-size: 9pt;
}

a img {
	border:none;
}

#page {
	background-color: #f4f4f8;
}

.copyright {
	font-size: 10pt;
	color: #444;
}

div.map_banner {
	padding: 8px 14px 7px 14px;
}

em#titleStrong {
	color: #000;
	font-weight: 800;
}

div.bodyRow { position: absolute; top: 70px; bottom: 0px; left: 0; width: 100%; }

/* lightBoxTabOn/Off differ only by background-color */
a.lightBoxTabOn {
padding: 10px 15px 10px 15px;
text-align: center;
background-color: hsl(210, 100%, 85%);			/* Match channelListHeaderRow */
color: #228;
text-decoration: none;
font-size: 11pt;
}

a.lightBoxTabOff {
padding: 10px 15px 10px 15px;
text-align: center;
background-color: #f3f3f3;
text-decoration: none;
font-size: 11pt;
}

div.lightBoxViewCelltower {
position: absolute;
top: 30px;
left: 20px;
width: 960px;
height: 610px;
overflow: auto;
}

/* 100 x 300px smaller than lightBoxViewCelltower */
div.lightBoxViewRadio {
position: absolute;
top: 30px;
left: 20px;
width: 860px;
height: 310px;
overflow: auto;
}


div.bestSitesLightBoxView {
position: absolute;
left: 20px;
width: 960px;
overflow: auto;
}

p.antFooter {
font-size: 9pt;
}

/*	channelList*, address* and notes* have the same schema */
select.channelListHeaderRow {
width: 100%;
height: 22px;
line-height: 22px;
vertical-align: middle;
background-color: hsl(210, 100%, 85%);		/* Match lightBoxTabOn */
font-style: italic;
font-size: 9pt;
text-align: center;
}
div.channelListHeaderRow {
width: 100%;
height: 22px;
line-height: 22px;
vertical-align: middle;
background-color: hsl(210, 100%, 85%);		/* Match lightBoxTabOn */
padding-right: 9px;
font-style: italic;
font-size: 9pt;
text-align: center;
}

/* Emission Tab */
div.emissionBkgdAzimGroup0 {
background-color: hsl(110, 100%, 96%);
}
div.emissionDimBkgdAzimGroup0 {
background-color: hsl(110, 100%, 96%);
color: hsl(110, 0%, 80%);
}
div.emissionBkgdAzimGroup1 {
background-color: hsl(210, 100%, 96%);
}
div.emissionDimBkgdAzimGroup1 {
background-color: hsl(210, 100%, 96%);
color: hsl(210, 0%, 80%);
}
div.emissionBkgdBestSites {
background-color: hsl(60, 100%, 96%);
}

div.channelListRow {
width: 100%;
height: 18px;
line-height: 18px;
font-size: 10pt;
}
div.channelColLeft {
text-align: left;
padding-left: 9px;
}
div.channelColCenter {
text-align: center;
padding-right: 9px;
}
div.channelColRight {
text-align: right;
padding-right: 9px;
}

select.siteFilter {
font-size: 10pt;
margin-left: 8px;
margin-top: 2px;
}

select.mapcontrol {
height: 28px;
font-size: 15px;
background: #fcfcfc;
font-family: 'Inter', Arial, sans-serif;
text-decoration: none;
padding: 0.1em 0.2em 0.1em 0.2em;
margin: 0 0.2em 0 0.2em;
}
select.mapcontrol:hover {
background: #f0f2fa;
}

input.mapcontrol {
height: 19px;
font-size: 15px;
background: #fcfcfc;
font-family: 'Inter', Arial, sans-serif;
text-decoration: none;
padding: 0.1em 0.2em 0.1em 0.2em;
margin: 0 0.2em 0 0.2em;
}
input.mapcontrol:hover {
background: #f0f2fa;
}

/* Container for all map controls */
div.mapcontrolcontainer {
position: absolute;
top: 7px;
background: #cbd7f9;
opacity: 0.95;
padding: 4px 10px 15px 10px;
border-radius: 20px;
}

/* Row within container for all map controls */
/* Each element within row must add 5px paddingLeft, to not only separate it with element to its left but also with the left edge of the row, which
lies flush on the left with its parent */
div.mapcontrolrow {
margin-top: 5px;
white-space: nowrap;
height: 29px;
}

div.mapcontrolrow span {
font-size: 15px;
font-family: 'Inter', Arial, sans-serif;
}

button.mapcontrol {
display: inline;
color: #ffffff;
background: #1b79c8;
border-radius: 11px;
border: 0px;
height: 25px;
font-size: 15px;
font-family: 'Inter', Arial, sans-serif;
text-decoration: none;
padding: 0.25em 0.7em 0.25em 0.7em;
cursor: pointer;
}
button.mapcontrol:hover {
background: #1462ad;
}

button.mapcontrol_warning {
display: inline;
color: #ffffff;
background: #dd403a;
border-radius: 11px;
border: 0px;
height: 25px;
font-size: 15px;
font-family: 'Inter', Arial, sans-serif;
text-decoration: none;
padding: 0.25em 0.7em 0.25em 0.7em;
}
button.mapcontrol_warning:hover {
background: #c63934;
}

button.large {
color: #ffffff;
background: #1b79c8;
border-radius: 11px;
border: 0;
height: 35px;
padding: 0.25em 0.7em 0.25em 0.7em;
font-size: 17px;
font-family: 'Inter', Arial, sans-serif;
font-weight: bold;
}
button.large:hover {
background: #1462ad;
}

div.bestAimback {
color: #049c0b;
font-weight: bold;
}
div.channelCellWarning {
color: #9c040b;
font-weight: bold;
}

/* Defines a cross hair that appears in center of map. Helps with carrier+PCI geocoder */

	.crosshair {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 20px;
		transform: translate(-50%, -50%);
		pointer-events: none;
		z-index: 99999;
	}
	.crosshair::before,
	.crosshair::after {
		content: '';
		position: absolute;
		background: red;
	}
	.crosshair::before {
		left: 50%;
		top: 0;
		width: 2px;
		height: 100%;
		transform: translateX(-50%);
	}
	.crosshair::after {
		top: 50%;
		left: 0;
		width: 100%;
		height: 2px;
		transform: translateY(-50%);
	}