.wrapper{
  min-height:100%;
  width:100%;
  display:inline-block;
  text-align: initial;
}

.sidebar{
  padding-top: 60px;
  width:10%;
  top:0px;
  left:0px;
  bottom:0px;
  position:fixed;
  background-color: #222;
}

.content{
  padding-top: 60px;
  width:90%;
  position:relative;
  float:right;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    right:0px;
    width: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover, .sidebar-nav li a.active {
    text-decoration: none;
    color: #fff;
    background: #312A25;
}

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

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}