.dashboardEditBtn {
  float: right;
  padding: 8px;
  top: 5px;
  right: 12px;
  position: absolute;
  border-radius: 10px;
}

.dashboardEditBtn:hover {
  background-color: #aaa;
}

.menuHideBtn {
  float: right;
  padding: 4px 8px;
  top: 8px;
  right: 12px;
  position: absolute;
  border-radius: 10px;
  cursor: pointer;
}

.menuHideBtn:hover {
  background-color: #aaa;
}
  
  .menuSpacer {
    height: 10px;
  }
  
  .expanded_main {
   position: absolute;
   left: 30px;
   width: calc(100% - 30px);
   height: calc(100% - 80px);
 }
  
  .init_hide_sidebar {
    -webkit-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
            left: 0px;
  }

  .hide_sidebar {
    left: -300px;
  }
  
  .hideable_sidebar {
    position: fixed;
    /* top: 50px; */
    top: -5px;
    z-index: 998;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: rgb(255,255,255);
    border-right: 1px solid #eee;
    margin-bottom: 100px;
    /* height: calc(100% - 100px); */
    height: calc(100% - 45px);
  }
  
  .hiddenmenu {
    z-index: 2;
    position: fixed;
    left: 0px;
    /* top: 50px; */
    top: -5px;
    padding: 10px;
    padding-top: 20px;
    width: 30px;
    background-color: rgb(255,255,255);
    border-right: 1px solid #eee;
    /* height: calc(100% - 100px); */
    height: calc(100% - 45px);
    display: none;
  }
  
  .hiddenmenu_show {
    display: block;
  }