body {background-color: #f8f8f8}
h2{font-size: 25px}

#wrapper {width: 100%}
#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  background-color: white
}

.page-header {margin-top: 46px}

.navbar-top-links {
  margin-top: 9px;
  margin-right: 10px
}

.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0
}
.sidebar .sidebar-search {padding: 15px}
.sidebar ul li {border-bottom: 1px solid #e7e7e7}
.sidebar ul li a.active {background-color: #eeeeee}
.sidebar .arrow {float: right}
.sidebar .fa.arrow:before {content: "\f104"}
.sidebar .active > a > .fa.arrow:before {content: "\f107"}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {border-bottom: none !important}
.sidebar .nav-second-level li a {padding-left: 37px}
.sidebar .nav-third-level li a {padding-left: 52px}

.modal-body {font-size: 20px}
.modal-content {padding: 10px}
.modal-dialog-center {margin-top: 25%}
.alert-danger {font-size: 20px;}

@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7
  }
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 250px;
    margin-top: 51px
  }
  
}

@media (max-width: 767px) {
  #page-wrapper { margin-left: -12px;}
  h2{font-size: 20px;}

  .navbar-top-links {
    position: absolute;
    margin-top: -63px;
    margin-left: 130px;
    margin-right: 0;
  }  
}