html{
    font-family:'Roboto';
}
body {
	font-family:Roboto;
	font-size:14pt;
	font-weight:700;
	margin:0px;
	padding:0px;
	background-color:#EFEFEF;
}
#nav-bar {
	position:fixed;
	top:0px;
	left:0px;
	height:76px;
	width:100%;
	background-color:#ffffff;
    padding:0px;
	z-index:1000;
}
#test-jig {
	display:none;
	position:fixed;
	font-size:8pt;
	bottom:10px;
	left:10px;
	border:1px dotted #333333;
	background-color:#ffffff77;
	padding:10px;
}
.button {
	text-decoration:underline;
	color:#0000ff;
}
.button:hover {
	cursor:pointer;
}
#content-body {
	display:flex;
	margin:0px auto 0px auto;
	padding:100px 35px 35px 35px;
	min-width:860px;
	max-width:1600px;
}
#profiles-container{
	display:flex;
	flex-direction:column;
}
#sidebar-container {
	position:fixed;
	padding:10px;
	left: 10px;
	background-color: #ffffff;
	max-height:80vh;
	max-width:360px;
	overflow:hidden;
	border-radius: 8px;
	box-shadow: 0px 5px 8px #BBB;
}
#sidebar-blocker {
	display: inline-block;
	flex: 0 0 360px;
	padding: 6px;
	max-width:360px;
	overflow:hidden;
}
#loading-container{
	display:flex;
	justify-content:center;
	align-items:center;
}
#loading-icon{
	height:10%;
}
.modal-background {
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#ffffff66;
}
.active-modal {
	display:block;
}
.inactive-modal {
	display:none;
}
#help-container {
	z-index:5000;
	background-color:#ffffff;
	box-shadow: 0px 5px 8px #BBB;
	border:1px solid #777777;
	width:800px;
	height:90vh;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
    display:none;
}

#help-close {
	position:relative;
	left:755px;
	top:20px;
	cursor:pointer;
}
#help-frame {
	width:100%;
	height:100%;
	border:none;
	overflow-y:scroll;
}
@media only screen and (max-width: 1084px) {
  
	.modify-icons {
		height: 20px;
		margin: 0px 5px 0px 0px;
    }
  }
@media only screen and (max-width: 1210px) {
	  
	.group-container {
		font-size:12pt;
	}
	#header-row-modify {
		padding-left:0px;
	}
	#centered-column {
		padding-left:0px;
	}
	.modify-icons {
		height: 20px;
		margin: 0px 5px 0px 0px;
    }
}