html, body {
	height: 100%;
	display: flex;
	flex-direction: column;
}

#page-header
{
	width: 100%;
	height: 120px;
	background-color: #f5f5f5;
	padding: 5px;
	margin: 0px;
}

#site-logo
{
	/*
	height: 120px;
	margin: 0px;
	*/
}

#site-logo img
{
	/*
	position: relative;
	top: 50%;
	transform: perspective(1px) translateY(-50%);
	*/
}

#userdata
{
	/*margin-top: 80px;*/
	vertical-align: bottom;
}

#page-nav
{
	z-index: 200;
	background-color: #156d98;
}

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

.navbar-brand
{
	padding: 7px;
}
.mainlogo
{
	width: 35px;
	height: 35px;
}

.sidebar {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 0 0 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}
.sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
}
.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

#body-content
{
	margin-bottom: 1em;
	position: relative;
	padding-bottom: 2em;
}

#page-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 25px;
	font-size: 0.8em;
	background-color: #e5e5e5;
	padding: 0.25em;
	z-index: 150;
}