@media (min-width: 992px) {
  #mainmenu {
    width: 300px;
    height: calc(100dvh) !important;
    overflow: scroll !important;
    position: fixed;
  }
  #mainmenu li {
    width: 100%;
  }
  #content {
    padding-left: 300px;
    height: 100vh !important;
  }

  #contextmenu {
    height: 100vh !important;
  }
  #content-frame {
    height: calc(100vh - 55px) !important;
  }

  @supports (height: 100dvh) {
    #content-frame {
      height: calc(100dvh - 55px) !important;
    }
  }
}

@media (max-width: 991.98px) {
  #mainmenu {
    height: 54px;
  }

  #content {
  }

  #content-frame {
    height: calc(100vh - 55px - 55px) !important;
  }

  
  @supports (height: 100dvh) {
    #content-frame {
      height: calc(100dvh - 55px - 55px) !important;
    }
  }
}