---
---

body {
  /* Show it's not fixed to the top */
  min-height: 75rem;
  padding-top: 6rem;
}

//
///*
// * Base structure
// */
//
///* Move down content because we have a fixed navbar that is 50px tall */
//body {
//  padding-top: 50px;
//}
//
//
///*
// * Global add-ons
// */
//
//.sub-header {
//  padding-bottom: 10px;
//  border-bottom: 1px solid #eee;
//}
//
///*
// * Top navigation
// * Hide default border to remove 1px line.
// */
//.navbar-fixed-top {
//  border: 0;
//}
//
///*
// * Sidebar
// */
//
///* Hide for mobile, show later */
//.sidebar {
//  display: none;
//}
//@media (min-width: 768px) {
//  .sidebar {
//    position: fixed;
//    top: 51px;
//    bottom: 0;
//    left: 0;
//    z-index: 1000;
//    display: block;
//    padding: 20px;
//    overflow-x: hidden;
//    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
//    background-color: #f5f5f5;
//    border-right: 1px solid #eee;
//  }
//}
//
///* Sidebar navigation */
//.nav-sidebar {
//  margin-right: -21px; /* 20px padding + 1px border */
//  margin-bottom: 20px;
//  margin-left: -20px;
//}
//.nav-sidebar > li > a {
//  padding-right: 20px;
//  padding-left: 20px;
//}
//.nav-sidebar > .active > a {
//  &,
//  &:hover,
//  &:focus {
//    color: #fff;
//    background-color: #428bca;
//  }
//}
//
//
///*
// * Main content
// */
//
//.main {
//  padding: 20px;
//}
//@media (min-width: 768px) {
//  .main {
//    padding-right: 40px;
//    padding-left: 40px;
//  }
//}
//.main .page-header {
//  margin-top: 0;
//}
//
//
///*
// * Placeholder dashboard ideas
// */
//
//.placeholders {
//  margin-bottom: 30px;
//  text-align: center;
//}
//.placeholders h4 {
//  margin-bottom: 0;
//}
//.placeholder {
//  margin-bottom: 20px;
//}
//.placeholder img {
//  display: inline-block;
//  border-radius: 50%;
//}