.container1 {
  display: flex; /* Make container a flexbox for side-by-side layout */
  min-height: 100vh; /* Set minimum height to viewport height */
}

.sidebar {
  width: 280px;
  z-index: 9;
  /* overflow-y: auto; */ /* Enable vertical scrollbar for sidebar */
  height: 100vh; /* Set sidebar height to 100% viewport height */
}

.main-content {
  flex: 1; /* Main content takes remaining space after sidebar */
}

.content-wrapper {
  position: relative; /* Enable positioning for dragging */
  /* margin: 0 auto; */ /* Center the content horizontally */
  /* border: 1px solid #ddd; */ /* Optional border for visibility */
  overflow: hidden; /* Clip content that overflows the wrapper */
}

.loading-overlay {
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.7;
}