.sidemenu-links-container {
  overflow-y: auto;
  height: calc(100vh - 10em); }

.sub-menu {
  margin-left: 4rem; }

.sidemenu-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: black;
  opacity: 0.75; }

.sidemenu {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  background: #1e2d3e;
  min-width: 30rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0; }
  .sidemenu ::-webkit-scrollbar {
    width: 3px; }
  .sidemenu ::-webkit-scrollbar-track {
    background: #263445; }
  .sidemenu ::-webkit-scrollbar-thumb {
    background: #7f868f; }
  .sidemenu ::-webkit-scrollbar-thumb:hover {
    background: #555; }
  .sidemenu .separator {
    border: 1px solid #2c3d52;
    margin: 0.6rem 0.5rem; }
  .sidemenu .user-container {
    height: 10rem;
    background-color: #263445;
    display: flex; }
    .sidemenu .user-container .logo-container {
      align-self: center; }
      .sidemenu .user-container .logo-container .logo {
        width: 6rem;
        padding: 2rem; }
    .sidemenu .user-container .welcome-container {
      flex-grow: 1;
      align-self: center; }
      .sidemenu .user-container .welcome-container .welcome {
        color: #b1b1b1;
        font-size: 1.4rem; }
      .sidemenu .user-container .welcome-container .principal {
        color: white;
        font-size: 1.7rem;
        margin-top: 0.5rem; }
  .sidemenu .link-container {
    padding: 0 1rem; }
    .sidemenu .link-container .link {
      display: flex;
      align-items: center;
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
      color: #f1bf10;
      font-weight: bold;
      padding-left: 2rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-radius: 2px;
      transition: background-color 0.25s;
      user-select: none; }
      .sidemenu .link-container .link:not([class*="section-title"]) {
        cursor: pointer; }
      .sidemenu .link-container .link:not([class*="section-title"]):hover {
        background-color: #132438; }
      .sidemenu .link-container .link .sidemenu-button-text {
        margin-left: 1rem; }