@charset "utf-8";
/* CSS Document */
body{
	background-color:#f9fafc;
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
}
h1{
	color:#3f4651;		
	font-family: "Rubik", sans-serif;
	font-weight: 500;
}
h2{
	color:#3f4651;	
	font-family: "Rubik", sans-serif;
	font-weight: 500;
}
h3{
	color:#3f4651;	
}
h4{
	
}
@media (max-width: 992px) {
	#sitemanager_wrapper{
		padding-top:55px;
	}
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

#logo-wrapper{
	text-align:right;
	padding:10px;
	padding-top:25px;
	padding-bottom:25px;
}
#content{
	padding:20px;
}
.content-section{
	background-color:#ffffff;
	padding:10px;
	border-top: solid 1px #868d98;
	border-bottom: solid 1px #868d98;
	margin-bottom:35px;
}
#navigation-wrapper{
	min-height:100vh;
	height:100%;
	background-color:#3f4651;
	overflow:hidden;
	display:block;
	color:#7c848c;
}
#navigation-wrapper .nav-title{
	color:#f9fafc;
	padding-right:10px;	
	text-align:right;
	display:block;
}

#nav{
	list-style-type:none;
	margin:0;
	padding:0;
	padding-bottom:20px;
}

#nav li{
	list-style-type:none;	
	margin:0;
	padding:0;
}
#nav li a{
	color:#7c848c;
	text-decoration:none;
	display:block;
	text-align:right;
	padding-right:15px;
}
#nav li a:hover{
	text-decoration:none;
	color:#ffffff;	 
}
#nav li ul{
	list-style-type:none;	
	margin:0;
	padding:0;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom: solid 1px #7c848c;
}
#nav li ul li{
	list-style-type:none;	
	margin:0;
	padding:0;
}
#nav li ul li a{
	font-size:12px;
	padding-right:25px;
}

.body_lockdown {
  height: 100vh !important;
  overflow: hidden !important; 
}

#mobile_nav_logo{
	color:#ffffff;
	background-color:#000000;
	padding:10px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:45px;
	z-index:11;
	cursor:pointer;
}
#mobile_nav_wrapper{
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:100vh;
	z-index:10;
	padding-top:44px;
}
#mobile_nav_wrapper #navigation-wrapper #logo-wrapper{
	text-align:center;	
}
#mobile_nav_wrapper #navigation-wrapper .nav-title{
	text-align:center;	
	font-size:22px;
}
#mobile_nav_wrapper #navigation-wrapper #nav{
	
}
#mobile_nav_wrapper #navigation-wrapper #nav li{
		
}
#mobile_nav_wrapper #navigation-wrapper #nav li a{
	text-align:center;
	font-size:18px;
	padding:5px;
	background-color:#505761;
}
#mobile_nav_wrapper #navigation-wrapper#nav li a:hover{
	


}
#mobile_nav_wrapper #navigation-wrapper #nav li ul{
	padding-bottom:0;
	margin-bottom:25px;
}
#mobile_nav_wrapper #navigation-wrapper #nav li ul li{
	
}
#mobile_nav_wrapper #navigation-wrapper #nav li ul li a{
	font-size:16px;
	background-color:#494f5a;
}

.logininfo{
	font-size:11px;
	padding:5px;
	padding-right:20px;
	text-align:right;
}

#login_wrapper{
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#3f4651;
}
#login{
	width:450px;
	padding:15px;
	background-color:#ffffff;
}

.ul_equal{
 	margin:0;
	padding:0;
	list-style-type:none;
}
.ul_equal li{
	list-style-type:none;
	display:block;
	width:25%;
	float:left;
}

.recredits_ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
		
}
.recredits_ul li{
	list-style-type:none;	
	padding:0px;
	margin:0px;
}
.recredits_ul li label{
	display:block;
	padding:10px;
	background-color:#CCC;
	font-weight:normal;
	font-size:0.8em;
}