body {
  background: #2c3e50;
}

.container-fluid.main {
  padding: 0;
}

#content {
  background: #fff;
}

.navbar-static-side {
  z-index: 101;
  position: absolute;
  width: 220px;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.42857143;
  display: none;
}
.navbar-static-side ul.nav li.active {
  border-left: 4px solid #18bc9c;
}
.navbar-static-side ul.nav li.active a {
  color: #fff;
  background-color: #1a242f;
}
.navbar-static-side ul.nav li a:hover {
  background-color: #4c586d;
}

#wrapper {
  width: 100%;
  overflow-x: hidden;
}

#page-wrapper {
  margin: 0;
  min-height: 1200px;
  padding: 0 30px;
  position: relative;
  background-color: #fff;
  overflow-y: scroll;
}

@media (min-width: 768px) {
  #page-wrapper {
    margin: 0 0 0 220px;
  }
  .navbar-static-side {
    display: block;
  }
}

header .navbar {
  border-radius: 0;
  margin-bottom: 0;
}

#loadingBar .progress {
  margin-bottom: 5px;
}

#clientPanel .table {
  margin-bottom: 0;
}