html, body {
	/* height: 100%; */
    height:calc(100% - 50px);
} 
 
body {
	overflow-x: hidden;
}

/* Toggle Styles */

#wrapper {
	height: 100%;
    padding-left: 0;
    /* transition: all 0.1s ease; */
}
#wrapper.toggled {
    padding-left: 0px;
}
#sidebar-wrapper {
    z-index: 1020;
    position: fixed;
    left: 300px;
    width: 0;
    height: 100%;
    margin-left: -300px;
	overflow-x: hidden;
    overflow-y: hidden;
    background: white;
    /* transition: all 0.1s ease; */
	box-shadow: 1px 0px 4px rgba(100,100,100,0.4);
}
#wrapper.toggled #sidebar-wrapper {
    width: 0px;
}
#page-wrapper {
    position: absolute;
	margin-top:50px;
    width: 100%;
    min-height: calc(100% - 50px);
	height: 100%;
	/* box-shadow: -1px 0px 4px rgba(100,100,100,0.4); */
    z-index: 1010;
}
#page-wrapper #page-content{
    padding: 10px 15px;
	overflow-y:auto;
}
#page-wrapper #page-admin{
    position:fixed;
	top:50px;
	left:0;
	bottom:0;
	right:5px;
}
#page-wrapper #sidebar-toggle{
    position: absolute;
	top:15px;
	left:24px;
}
#page-wrapper #page-caption{
    position: absolute;
	top:6px;
	left:300px;
	padding-left:15px;
}
#page-wrapper #page-brand{
    position: absolute;
	top:8px;
	left:60px;
}
#page-wrapper #page-about{
    position: absolute;
	top:15px;
	right:64px;
}
#page-wrapper #page-user{
    position: absolute;
	top:9px;
	right:5px;
	padding:0 10px 15px;
}
#wrapper.toggled #page-wrapper {
    position: absolute;
    margin-right: -300px;
}
#page-wrapper .main-header{
	position: fixed;
	top: 0px;
	right: 0;
	left:0px;
	z-index: 1030;
	height: 50px;
	box-shadow: 0px 1px 4px rgba(100,100,100,0.4);
}
#page-wrapper .main-header h1{
	font-weight: 300;
	color:white;
    font-size: 1.8em;
    line-height: 1.7em;
}
#page-wrapper .main-header  a.sidebar-link{
	color:rgba(255,255,255,0.6);
}
#page-wrapper .main-header  a.sidebar-link:hover{
	color:rgba(255,255,255,1);
}
#page-wrapper .main-header  a.sidebar-link.active{
	color:rgba(255,255,255,1);
}
#wrapper.toggled #page-wrapper .main-header{
	/* left:300px; */
}

/* Sidebar Styles */

#sidebar-wrapper .sidebar-brand {
	border-bottom: solid 1px #eee;
}
#sidebar-wrapper #sidebar-content{
    position: absolute;
    top: 0px;
    width: 300px;
	bottom: 95px;
    overflow-y: auto;
}
#sidebar-wrapper #sidebar-footer{
	border-top: solid 1px #eee;
    position: absolute;
    width: 300px;
	bottom: 50px;
    overflow-y: auto;
	background-color:white;
}
.sidebar-nav {
    margin: 0;
    padding: 0;
	width: 100%;
    list-style: none;
}
.sidebar-nav li {
    /* text-indent: 20px; */
    line-height: 34px;
	white-space: nowrap;
}
.sidebar-nav li span.badge{
	font-size:100%;
	font-weight:300;
}
.sidebar-nav li.active {
	background-color:rgba(0,0,0,.1);
}
.sidebar-nav li a {
	padding-left:20px;
    display: block;
    text-decoration: none;
    color: #444;
}

.sidebar-nav li a.active {
    /* background: #faf9f9; */
	color: #444;
	background-color:rgba(0,0,0,.1);
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: #0088BB;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav .nav-main-title {
  font-size: 14px;
  /* box-shadow: 0px 1px 2px rgba(100,100,100,0.4); */
  background-color:white;
  font-weight:500;
}

.sidebar-nav .nav-title {
  font-size: 12px;
  text-transform: uppercase;
}

.sidebar-nav li.nav-title {
  padding-left:20px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}
.sidebar-avatar{
  display:block;
  width:32px;
  height:32px;
  line-height:32px;
  background-color:rgba(255,255,255,0.6);
  color:#0088BB !important;
  font-weight:500;
  border-radius:50%;
  text-align:center;
	
}
.sidebar-avatar:hover{
  background-color:rgba(255,255,255,0.8);
}


@media(min-width:768px) {
	#wrapper.toggled {
        padding-left: 300px;
    }
	
	#wrapper.toggled #sidebar-wrapper {
		width: 300px;
	}
}

    #page-wrapper {
        position: relative;
    }

    #wrapper.toggled #page-wrapper {
        position: relative;
        margin-right: 0;
    }
#navbar-mobile {
	display:none;
}
@media (max-width: 575.98px) {
	#navbar-mobile {
		display:block;
	}
	
	#page-wrapper .main-header h1{
		font-size: 1.4em;
		line-height: 2.3em;
	}
	
	#page-wrapper #sidebar-toggle{
		display:none;
	}
	
	#page-wrapper #page-brand {
		display:none;
	}
	
	#page-wrapper #page-caption{
		left:10px;
	}
	
	#page-wrapper #page-content {
		padding-bottom: 60px;
	}
	
	.navbar-bottom {
		display: block;
		box-shadow: 0 -1px 2px rgb(0 0 0 / 30%);
	}
}