#main_main{
    position: relative;  /* don't remove. */
    margin:0px;
    height: 100%;
    padding:5px;
    overflow-x: auto;
    overflow-y: auto;
    opacity: 0;  /* initially hidden */
}
#main_main.fademein,
*.fademein{
  opacity: 1;
}

#side_bar{
    display: flex;
    flex-direction: column;
    background-color: var(--side_bar_background);
    color: var(--side_bar_text);
    border-right:1px solid var(--side_bar_background);
    margin: 0;
    padding: 0;
    position: fixed;
    height: 100%;
}

body,
html{
  padding: 0px !important;  /* used to overwrite .modal-open padding-right error. */
  margin: 0px;
  overflow: hidden;
  height: 100%;
}