div.MainRow {
  display: flex;
  flex-direction: row;
}

div.MainRow > div {
  margin: 0;
  transition: all 0.1s ease-in-out;
}

/* container for the sidebar header. make sure the contents don't wrap when
   * the sidebar is collapsed.
   */
.sidebar {
  position: relative;
  background-color: #f8f9fa;
  background-color: var(--background-color1);
  border-right: 1px solid var(--faded-border-color);
  border-left: 0px solid var(--faded-border-color);
  /* height: 100vh; */
}

.sidebar-header {
  display: flex;
  height: var(--header-height);
  padding: 1rem;
  justify-content: left;
  align-items: center;
  white-space: nowrap;
  border-bottom: 0px solid var(--faded-border-color);
}

.sidebar-content {
  margin: 0;
  padding: 1rem;
  /* overflow-y: auto;
  height: calc(100vh - calc(var(--header-height) - 6rem + 1px));
  max-height: calc(100vh - calc(var(--header-height) - 6rem + 1px)); */
}

.sidebar-content>div {
  margin-top: 2rem;
}

.content-header {
  position: relative;
  z-index: 10;
  height: var(--header-height);
  display: flex;
  padding: 1rem 2rem;
  justify-content: right;
  align-items: center;
  white-space: nowrap;
  border-bottom: 1px solid var(--faded-border-color);
}

.content {
  position: relative;
  z-index: 0;
  background-color: var(--background-color2);
  border-right: 1px solid var(--faded-border-color);
}

.Template_MMP_fullwidth .content {
  width: 100%;
}

.Template_MMP .content {
  width: calc(100% - var(--sidebar-width-full));
}

.Template_MMP_fullwidth .content-header,
.Template_MMP_fullwidth .content-header {
  background-color: var(--background-color1);
  justify-content: space-between;
}

#user-name {
  margin: 0rem;
  align-self: center;
  /* Add this line */
}

.content-body {
  padding: 0rem 4rem;
  padding-bottom: 5rem;
  overflow-y: auto;
  height: calc(100vh - calc(var(--header-height) + 1px));
  max-height: calc(100vh - calc(var(--header-height) + 1px));
}

/* EVINA LOGO */
#evinaLogo,
#evinaLogoMini {
  height: var(--logo-height);
}

div.sidebar-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: calc(100vh - calc(var(--header-height) + 1px));
  max-height: calc(100vh - calc(var(--header-height) + 1px));
  height: calc(100vh - calc(var(--header-height) + 1px));
  overflow-y: auto;
}

/* .sidebarToggleButton Img {
  height: 20px;
} */

/* .sidebarToggleButton {
  background: transparent;
  margin: 1rem;
  padding: 1rem;
  border: 1px solid transparent;
}

.sidebarToggleButton:hover {
  background: var(--linear-gradient1);
  border: 1px solid var(--border-mm-color);
}

.sidebar-open .sidebarToggleButton {
  border: 1px solid var(--faded-border-color);
  border-radius: 10px;
} */


/* open close sidebar */

.sidebar-closed {
  width: var(--sidebar-width-mini);
}

.sidebar-open {
  width: var(--sidebar-width-full);
}

.sidebar-closed #evinaLogoMini {
  display: block;
}

.sidebar-closed #evinaLogo,
.sidebar-closed .sidebar-content {
  display: none;
}

.sidebar-open #evinaLogoMini {
  display: none;
}

.sidebar-open #evinaLogo,
.sidebar-open .sidebar-content {
  display: block;
} 

/* .content-header-right > .dropdownSelector,
button.SchemaSelectorButton {
  margin: 0;
  margin-right: 1rem;
}

.content-header-right > .dropdownSelector {
  margin-top: 1rem;
} */