:root {
	--ncv-green: #439539;
	--ncv-purple: #78278b;
	--ncv-blue: #0081c6;
	--ncv-dblue: #0f4777;

	--menu-color: #f3f3f3;
	--menu-color-hover: #f2f3f3;
	--menu-color-active: #4caf50;
	--menu-color-active-hover: #4caf50;
}

.bg-ncv-green {
	background: var(--ncv-green);
}

.bg-ncv-purple {
	background: var(--ncv-purple);
}

.bg-ncv-blue {
	background: var(--ncv-blue);
}

.bg-ncv-dblue {
	background: var(--ncv-dblue);
}

.headerex {
	width: 100%;
	object-fit: contain;
}

body {
	width: 100vw;
	margin: 0px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
	overflow-x: hidden !important;
}

* {
	transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
}

.active > a{
	background: var(--ncv-green);
	color: white;
}


.qv-object-idevioarealayer .legend-info{
	display:none;
}


nav {
	width: 100%;
}

nav ul {
	background: #fff; /*var(--menu-color);*/
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

nav ul li {
	position: relative;
	display: inline-block;
	margin-right: -4px;
	text-align: center;
	background: #fff;/*var(--menu-color);*/
}

.active > a:hover {
	background: var(--menu-color-active-hover);
	color: white;
}

nav ul li :hover {
	
}

nav ul li:last-child {
	margin: 0;
}

nav ul li a {
	display: block;
	/*background: var(--menu-color);;*/
	padding: 5px 20px;
	color: black;
	font-size: 14px;
	text-decoration: none;
}

nav ul li a:hover {
	color: #1a1a1a;
	background: var(--menu-color-hover);;
}

nav ul li ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 240px;
	border-bottom: 4px solid var(--menu-color);
}

nav ul li ul li {
	display: block;
	width: 100%;
	margin: 0;
	text-align: left;
}

nav ul li ul li a {
	display: block;
	color: #1a1a1a;
	background: --var(--menu-color);
	padding: 10px 15px;
}

nav ul li ul li a:first-child {
	background: --var(--menu-color);
	width: auto;
	border-left: 4px solid transparent;
	padding: 10px 15px;
	font-size: 14px;
}

nav ul li ul li a:hover {
	background: --var(--menu-color-hover);
	border-left: 4px solid var(--menu-color-active);;
}

#frame {
	width: 100vw;
	height: calc(100vh - 95px);
}
#authSessionManager{
	display:none;
}
nav {
	height: 28px;
}

.mobileClickthrough {
	display: none;
}

.sheetname{
	margin:15px;
}

.sub-menu-2 > ul{
	z-index: 9999 !important; /*forces the menu to render ontop of other items*/
	position:  relative !important;
	display: block;
}

.sub-menu-2 > ul > li {
	background: #ddd;
}

@media screen and (max-width: 600px) {
	nav {
		position: absolute;
		top: 39px;
	}
	nav ul {
		position: absolute;
		display: block;
		top: 0px;
		left: 0px;
		right: 0px;
	}
	nav ul li {
		display: block;
		background: var(--menu-color);
	}

	nav ul li ul {
		z-index: 1;
		width: 100%;
	}

	nav ul li ul li {
		text-align: center;
	}

	.mobileClickthrough {
		padding: 0px 10px 0px 10px;
		right:0;
		left: 0;
		top: 0px;
		height: 39px;
		background: white;

		display: flex;
		justify-content: space-between;
		align-content: center;

		line-height: 39px;
	}

	.mobileClickthrough > P {
		margin: 0;
	}

	.mobileClickthrough > .left {

	}

	.mobileClickthrough > .right {

	}
}