body {}

header {
	
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height: 40px;
	background-color: #555;
	box-shadow: 0px -20px 10px -20px rgba(0,0,0,1) inset;
	margin: 0px;
	padding: 10px 0px;
	z-index: 2000;
	
}

	.hideNav header {

		display: none;
		height: 0px;
		min-height: 0px;
		padding: 0px;
		
	}

	header h1 {
		
		display: block;
		position: relative;
		float: left;
		min-height: 40px;
		line-height: 40px;
		margin: 0px;
		padding: 0px;
		font-size: 30px;
		
	}
	
		header h1 a {
			
			display: block;
			position: relative;
			text-decoration: none;
			color: #fff;
			background: url(../img/gsmmap.png) 10px center no-repeat;
			background-size: 65px 40px;
			padding: 0px 10px 0px 85px;
			
		}
		
			header h1 a:hover,
			header h1 a:active,
			header h1 a:focus {
			
				text-decoration: none;
				color: #fff;
				
			}
			
			@media screen and (max-width: 1024px) {
			
				header h1 { 
					
					font-size: 0px; 
					text-indent: -10000px;
					
				}
				
			}


	header #nav-main {
		
		display: block;
		position: relative;
		float: left;
		min-height: 40px;
		line-height: 40px;
		margin: 0px;
		
	}
	
		header #nav-main #nav-main-toggle {
			
			display: none;
			
		}
		
		header #nav-main ul {
			
			display: block;
			list-style: none;
			min-height: 40px;
			line-height: 40px;
			margin: 0px;
			padding: 0px;
			
		}
		
			header #nav-main ul li {
				
				display: block;
				list-style: none;
				height: 40px;
				line-height: 40px;
				margin: 0px;
				padding: 0px;
				float: left;
				
			}
			
				header #nav-main ul li a {
					
					display: block;
					position: relative;
					height: 40px;
					line-height: 40px;
					font-size: 20px;
					color: #fff;
					text-decoration: none;
					margin: 0px;
					padding: 0px 10px;
					
				}
				
					header #nav-main ul li a:hover,
					header #nav-main ul li a:active,
					header #nav-main ul li a:focus {
					
						color: #fff;
						text-decoration: none;
						background-color: #333;
						height: 60px;
						line-height: 60px;
						margin: -10px 0px;
					
					}

		@media screen and (max-width: 880px) {
			
			header #nav-main ul li a .fold {
			
				display: none;
			
			}
			
		}

		@media screen and (max-width: 560px) {
					
			header h1 { display: none; }

		}
		
		@media screen and (max-width: 480px) {


			header #nav-main ul {
				
				display: none;
				
			}
			
			header #nav-main #nav-main-toggle {

				display: block;
				position: relative;
				height: 40px;
				line-height: 40px;
				width: 40px;
				text-align: center;
				font-size: 16px;
				color: #fff;
				text-decoration: none;
				margin: 0px;
				padding: 0px 10px;
				background-color: #444;
				margin-left: 7px;
				border-radius: 5px;

			}

			header #nav-main.show-menu ul {
				
				display: block;
				position: fixed;
				left: 0px;
				top: 60px;
				right: 0px;
				background-color: #333;
				float: none;
				padding: 10px;
				
			}
			
				header #nav-main.show-menu ul li {
					
					display: block;
					float: none;
					
				}
				
				header #nav-main.show-menu ul li+li {
					
					margin-top: 10px;
					
				}
				
				header #nav-main.show-menu ul li a {
					
					display: block;
					position: relative;
					margin: 0px;
					padding: 0px 10px;
					text-align: center;
					background-color: rgba(255,255,255,0.1);;
					border-radius: 5px;
					
				}
			
				header #nav-main ul li a:hover,
				header #nav-main ul li a:active,
				header #nav-main ul li a:focus {
				
					height: 40px;
					line-height: 40px;
					margin: 0px;
					background-color: rgba(255,255,255,0.2);;
				
				}
			
			
		}
					
		header #nav-social {
			
			display: block;
			position: relative;
			float: right;
			min-height: 40px;
			line-height: 40px;
			margin: 0px 20px 0px 0px;
			
		}
		
			header #nav-social p {

				display: block;
				height: 40px;
				line-height: 40px;
				margin: 0px;
				padding: 0px 10px;
				float: left;
				color: #fff;
				font-size: 16px;

			}
		
			header #nav-social ul {

				display: block;
				list-style: none;
				height: 40px;
				line-height: 40px;
				margin: 0px;
				padding: 0px;
				float: left;

			}

				header #nav-social ul li {

					display: block;
					list-style: none;
					height: 40px;
					line-height: 40px;
					margin: 0px;
					padding: 0px;
					float: left;

				}

					header #nav-social ul li a {

						display: block;
						position: relative;
						height: 40px;
						line-height: 40px;
						font-size: 16px;
						color: #fff;
						text-decoration: none;
						margin: 0px;
						padding: 0px 10px;

					}

						header #nav-social ul li a:hover,
						header #nav-social ul li a:active,
						header #nav-social ul li a:focus {

							color: #fff;
							text-decoration: none;
							background-color: #333;
							height: 60px;
							line-height: 60px;
							margin: -10px 0px;

						}
						
						header #nav-social ul li a span {
							
							display: none;
							
						}
						
						@media screen and (max-width: 1420px) {
							
							header #nav-social p {

								display: none;

							}
							
						}

#main {
	
	display: block;
	position: absolute;
	background-color: #f00;
	top: 60px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;

}

	#map {
		
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
	
	}
	
		#map .leaflet-country-label {
			
			display: block;
			width: auto !important;
			height: auto !important;
			
		}

			.labeltext {
				margin-left: -50%;
				margin-right: 50%;
				margin-top: -10px;
				background-color: #333;
				background-color: rgba(0,0,0,0.5);
				border-radius: 5px;
				padding: 2px 5px;
				line-height: 20px;
				opacity: 0.75;
				color: #fff;
				white-space: nowrap;
			}

			.showCoverage .labeltext {
				opacity: 1.0;
				
			}
			
				#map .leaflet-country-label .labeltext:hover {
					opacity: 1.0;
				}

		#map .leaflet-legend {
			border: 1px solid rgba(0,0,0,0.2);
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
		}

	#map-overlay {
		
		display: none;
		position: absolute;
		right: 0px;
		top: 0px;
		max-width: 50%;
		width: 50%;
		bottom: 0px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
		z-index: 1000;
		overflow-y: auto;
		
	}
	
		#map-overlay-content {
		
			display: block;
			position: relative;
			padding: 20px;
		
		}
		
			#close-overlay { display: none; }
		
			.show-overlay #close-overlay {
		
				display: block !important;
				position: absolute;
				right: 20px;
				top: 20px;
				z-index: 1500;
				font-size: 20px;
				line-height: 30px;
				width: 30px;
				height: 30px;
				text-align: center;
				background-color: #fff;
				box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.5);
				border-radius: 5px;
				color: #666;
				text-decoration: none;
		
			}
			
				.show-overlay.hide-overlay #close-overlay {
					
					display: none;
					
				}
			
				#close-overlay:hover,
				#close-overlay:focus,
				#close-overlay:active {
					
					color: #333;
					text-decoration: none;
					
				}
		
			#map-overlay-content h2 {
				padding-right: 50px;
				margin-top: 0px;
			}

			#map-overlay-content .operators {

				width: 100%;
				margin-top: 5px;

			}

			#map-overlay-content .nav {
				margin-top: 25px;
			}

				#map-overlay-content .operators .operator {

					cursor: pointer;
					min-width: 120px;
					margin: 5px;
					color: #FFF;
					display: inline-block;
					padding: 6px 12px;
					font-size: 14px;
					font-weight: normal;
					text-align: center;
					white-space: nowrap;
					vertical-align: middle;
					border-radius: 4px;
					-webkit-user-select: none;
					transition: background-color 0.1s, opacity 0.1s;

				}

					#map-overlay-content .operators .operator.nodata {
						background-color: #555 !important;
						opacity: 0.2 !important;
					}

					#map-overlay-content .operators .operator.nodata .invisible {
						visibility: hidden;
						/* display: none; /* remove this to keep operators position */
					}

			#map-overlay-content .attachement {
				
				margin-top: 0px;
				margin-left: 10px;
				background: url(../img/pdf_icon.png) top left no-repeat;
				background-size: 24px 24px;
				padding-top: 9px;
				height: 24px;
				white-space: nowrap;
				display: inline-block;
				font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
				font-size: 14px;

			}

				#map-overlay-content .attachement a {

					display: inline-block;
					text-decoration: underline;
					padding-left: 30px;

				}
		
	/*
	#map-overlay-switch {
		
		display: none;
		
	}
	*/

	/* show overlay on class trigger */
	.show-overlay #map-overlay {
		display: block;
	}
	
	@media screen and (max-width: 960px) {

		#main {
			overflow: visible;
		}

			#main #close-overlay {
				z-index: 3100;
				top: 20px;
				right: 20px;
				position: fixed;
			}
				
		#map-overlay {

			display: none;
			position: fixed;
			right: 0px;
			top: 0px;
			left: 0px;
			bottom: 0px;
			max-width: 960px;
			width: auto;
			z-index: 3000;
		}
		
			#map-overlay-content {
		
				max-width: 640px;
				margin: 0px auto;
		
			}
		
			/* hide overlay on class trigger, only on smaller screens */
			.show-overlay.hide-overlay #map-overlay {
				display: none;
			}

				#map-overlay-content .operators .operator {
					padding: 3px 6px;
					margin: 3px;
				}
	
		
	}
	
	/* content */
	
	.content-overlay {
		
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background-color: #fff;
		background-color: rgba(255,255,255,0.95);
		z-index: 2000;
		padding: 60px;
		overflow: hidden;
		overflow-y: auto;
		
	}
	
		.content-overlay .content-overlay-close {
			
			display: block;
			position: fixed;
			right: 30px;
			top: 60px;
			font-size: 40px;
			color: #333;
			text-decoration: none;
			
		}
		
			.content-overlay .content-overlay-close:hover,
			.content-overlay .content-overlay-close:focus,
			.content-overlay .content-overlay-close:active {
			
				color: #222;
				text-decoration: none;

			}

			
		#content-embed code {
			
			color: #333333;
			display: block;
			margin-bottom: 10px;
			padding: 10px;
			white-space: normal;
		
		}

#selectGeneration {
}

#selectGenerationWrapper {
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: -40px;
	z-index: 3500;
	position: relative;
}

#selectGenerationWrapper.hideWrapper {
	display: none;
	margin: 0;
}
	
	@media screen and (max-width: 960px) {
		#map-overlay-content h2 {
			font-size: 20px;
		}

		#map-overlay-content .operators .operator {
			width: 85px;
			font-size: 10px;
			border-radius: 3px;
		}

		#map-overlay-content .nav {
			margin-top: 10px;
			font-size: 10px;
		}

		#selectGeneration label {
			font-size: 10px;
		}
				
		.content-overlay {
			padding: 10px 30px 30px 30px;
		}
		
			.content-overlay .content-overlay-close {
				right: 10px;
				top: 0px;
			}

		
	}

.chart {
	width: 100%;
	height: 400px;
	overflow: hidden;
}

@media screen and (max-width: 960px) {
	.chart {
		height: 280px;
	}
}

.nav > li {
	margin-left: 0px;
	margin-right: 0px;
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 3px 6px;	
}

.nav-tabs > li > a {
	border: 1px solid #eee;
	background-color: #dedede;
	border-bottom-color: transparent;
}

.chartWrapper {
	border: 1px solid #ddd;
	border-top-color: transparent;
	padding: 5px;
}



footer { display: none; }