.stickytopheaderstaff {
  top: 50px
}

.sidenav2.sidebar-linklist-wrapper.linklist-secondary:before {
  background: #000000
}

.sidenav {
  /* display: none; */
  /* position: fixed; */
  top: 50;
  left: 0;
  overflow-x: hidden;
  padding-top: 20px;
}

.sideheader {
  margin-left: 0px;
}

@media only screen and (min-width: 1401px) {
  .sidebarbutton {
    display: none;
  }

  .sidenav {
    height: calc(100vh - 66px);
    width: 300px;
    z-index: 1;
    top: 66px;
    position: sticky;
  }

  .sidenav-main {
    margin-left: 300px;
    /* Same as the width of the sidenav */
  }
}

@media only screen and (max-width: 1400px) {
  .sidebarbutton {
    display: block;
  }

  .sidenav {
    height: 100vh;
    display: none;
    width: 350px;
    z-index: 1040;
    top: 0px;
    position: fixed;
    /* box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.3); */
  }

  .sidenav-main {
    margin-left: 0px;
    /* Same as the width of the sidenav */
  }
}
.sv-menu-wrapper {
  display: flex;
}

.sv-menu-wrapper .sv-menu-item {
  display: flex;
  padding-left: 16px;
  padding-right: 16px;
  color:#fff;
  text-decoration: none;
  height:100%;
  align-items:center;
  justify-content:center;
}

.sv-menu-wrapper .sv-menu-item:hover {
  border-bottom: 5px solid #fff;
  padding-top: 5px;
  color:#fff;
  text-decoration: none;
}

.sv-menu-wrapper .sv-menu-item.active {
  border-bottom: 5px solid #fff;
  padding-top: 5px;
  color:#fff;
  text-decoration: none;
}