html,
body {

  height: 100%;
  margin: 0;

  background: #f5f6f8;

}

.mmh-app {

  display: flex;

  min-height: 100vh;

}

.mmh-sidebar {

  width: 240px;

  background: #ffffff;

  border-right: 1px solid #e5e5e5;

  padding: 25px;

}

.mmh-logo {

  border-bottom: 1px solid #ececec;

  padding-bottom: 20px;

}

.mmh-sidebar .nav-link {

  color: #444;

  padding: 10px 0;

}

.mmh-sidebar .nav-link:hover {

  color: #0d6efd;

}

.mmh-content {

  flex: 1;

}

.mmh-topbar {

  height: 60px;

  display: flex;

  align-items: center;

  padding: 0 30px;

  background: #ffffff;

  border-bottom: 1px solid #ececec;

}

.mmh-main {

  padding: 30px;

}