html, body { height: 100%; }

.top-buffer { margin-top:16px; }

.bg-custom-alpha7blue {  background-color: #083f88; color: #FFFFFF; }
.bg-custom-green { background-color: #c0ffc0; color: #FFFFFF; }
.bg-custom-yellow { background-color: #ffffc0; color: #FFFFFF; }
.bg-custom-red { background-color: #ffc0c0; color: #FFFFFF; }
.bg-custom-blue {  background-color: #bffffa; color: #FFFFFF; }
.bg-custom-orange {  background-color: #ffc467; color: #FFFFFF; }
.bg-custom-pink {  background-color: #f7bfff; color: #FFFFFF; }
.bg-custom-purple {  background-color: #c0afff; color: #FFFFFF; }

.cursor-pointer { cursor: pointer; }

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}