body {
  width: 100%;
  height: 100%;
  background: #f7f7f7; }

/* ==========================================================================
Hide ng-cloak on page load, https://docs.angularjs.org/api/ng/directive/ngCloak
========================================================================== */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

/* ==========================================================================
 Navbar
========================================================================== */
.navbar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 50px; }

/* ==========================================================================
 Sidebar
========================================================================== */
.sidebar {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background: #292c33;
  width: 340px;
  z-index: 10; }

/* ==========================================================================
 Modalbar
========================================================================== */
.modalbar {
  visibility: hidden;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #292c33;
  width: 340px;
  z-index: 10; }

.content {
  position: absolute;
  top: 50px;
  left: 340px;
  z-index: 5; }