/* Side Menu */
.aside-content {
    background-color: #f8f9fa;
    padding: 15px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateX(-100%);
    opacity: 0;
    position: absolute;
    z-index: 0;
    width: 100%;
  }
  .aside-content.show {
    transform: translateX(0);
    opacity: 1;
  }
  .main-content {
    /* background-color: #ffffff; */
    padding: 15px;
  }

  .right-area .main-content {
        padding: 0;
    }

  .aside-active{
    background-color: #ECECF3;
    color: #414288;
    font-weight: 600;
  }

  @media (max-width: 768px) {
    .aside-content {
      display: none;
      z-index: 11;
    }
    .toggle-btn {
      display: block;
      margin-bottom: 15px;
    }
  }
  @media (min-width: 769px) {
    .toggle-btn {
      display: none;
    }
    .aside-content {
      display: block;
      transform: none;
      opacity: 1;
      position: relative;
    }
  }