/* reset your margins/padding so the BG fills edge-to‐edge */
html, body {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 450;
  font-style: normal;
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  height: 100%;
  width: 100%;
}
#maincontentwrapper{
	min-width: 0;
	padding: 2rem;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.nopadding{padding: 0 !important;}
.nomargin{margin: 0 !important;}
/*
html, body {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 450;
  font-style: normal;
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  display: flex;
  width: 100%;
}

#maincontentwrapper{
	flex: 1; 
	min-width: 0;
	padding: 2rem;
	width: 100%;
	box-sizing: border-box;
}

#maincontentwrapper table {
  width: 100%;
  border-collapse: collapse;
}

.app-nav {
	width: 220px;
	min-width: 200px;
	height: 100vh; 
	background-color: #ADD8E6;
	display: flex;
	flex-shrink: 0; 
}

.app-nav > ul > li.nav-item > a {color: #000;}

.app-nav > ul > li.nav-item > a.active {color: #000080; font-weight: bold; text-decoration: underline;}

.mobile-nav{display: none;}

label{font-weight: 800;}

@media only screen and (max-width: 600px) {
	body{display: block;}
	
	.app-nav {
		width: 100%;
		height: auto;
		display: none;
	}
	.mobile-nav{display: flex;}
}
*/