.cmf-settings-sidenav {
  overflow: auto;
  width: 100%;
  height: calc(100vh - 166px);
}

.app-settings-list {
  min-height: 500px;
  padding: 0;
}

.menu-group {
  cursor: default;

  position: relative;

  padding: 12px 0 12px 47px;

  font: var(--menu-item-font);
  color: var(--menu-item-color);
  text-transform: uppercase;

  opacity: 0.7;
}

.app-settings-item {
  cursor: pointer;

  position: relative;

  display: block;

  padding-left: 47px;

  font: var(--menu-item-font);
  color: var(--menu-item-color);

  transition: all 0.2s;

  &.rounded {
    padding-left: 72px;
  }

  p {
    margin: 0;
    padding: 5px 0;
  }
}

.layout-container {
  width: 100%;
}

.app-settings-item:hover {
  background: var(--settings-hover-color-bg);
}

.app-settings-item.selected,
.app-settings-item.selected:hover {
  color: var(--menu-item-selected-color);
  background: var(--tree-selected-color);
}

.settings-module {
  display: flex;
  flex: 1;
  height: calc(100vh - 50px);
  margin-top: 35px;

  &.displaced {
    height: calc(100vh - 100px); // delme
  }
}

.menu-module {
  height: 100%;
}