body #mdtreeDetail {
  height: auto !important;
}
body .pusher {
  display: flex;
  flex-direction: column;
}
body .pusher .page-container.ui.container {
  flex: 1;
  padding-bottom: 5rem;
  margin-top: 2rem;
}
.ui.header.menuheader-text {
  font-size: 1.3rem;
}
.ui.horizontal.menu.menu-bar.petra {
  margin-top: 0;
  margin-bottom: 0;
}
.menu-section {
  position: sticky;
  top: 0;
  z-index: 10;
}
.menu-section .ui.horizontal.menu.menu-bar {
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.menu-section .ui.horizontal.menu.menu-bar .item::before {
  background: transparent;
}
.menu-section .ui.horizontal.menu.menu-bar a.item.sidebar-toggle {
  display: none;
}
.menu-section .ui.horizontal.menu.menu-bar .menu-items {
  margin: 0px;
  width: 100%;
}
.chms-logo {
  height: 2.6rem;
  width: auto !important;
}
.chms-logo.petra {
  height: 4rem;
}
.right.menu {
  padding: 0px;
}
.right.menu #ecobook {
  display: flex;
  align-items: center;
  padding-left: 2rem;
}
.right.menu .user.profile.user {
  display: flex;
  align-items: center;
  padding-left: 2rem;
}
.right.menu .user.profile.user .ui.dropdown.item {
  padding-left: 0.1rem;
}
.user.profile.mobile {
  display: none;
}
.ui.brand.label {
  margin-left: 3px !important;
  margin: 0.2rem;
}
.roles-menu {
  min-height: 2rem;
  padding: 0rem 0rem;
  z-index: -2;
}
.roles-menu .roles-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.roles-menu .roles-container .roles-content {
  align-self: center;
}
.roles-menu .roles-container > .ui.inverted.menu {
  border-radius: 0;
  padding: 0 0.5rem;
}
.roles-menu .roles-container .app-env {
  align-self: center;
  margin-right: 0.5rem;
}
.pusher.default-theme .roles-menu.test,
.pusher.default-theme .roles-menu.dev,
.pusher.default-theme .roles-menu.demo {
  background-color: orange;
}
.pusher.default-theme .roles-menu.test > .ui.inverted.menu,
.pusher.default-theme .roles-menu.dev > .ui.inverted.menu,
.pusher.default-theme .roles-menu.demo > .ui.inverted.menu {
  background-color: orange;
}
.pusher.default-theme .roles-menu.prod {
  background-color: #4d5d74;
}
.pusher.default-theme .roles-menu.prod > .ui.inverted.menu {
  background-color: #4d5d74;
}
.pusher.default-theme .roles-menu.prod.sjsm > .ui.inverted.menu,
.pusher.default-theme .roles-menu.prod.sac > .ui.inverted.menu {
  background-color: #000066;
}
.pusher.default-theme .roles-menu.prod.petra > .ui.inverted.menu {
  background-color: #28628e;
}
.pusher.trellis-theme .roles-menu.cmc.test,
.pusher.trellis-theme .roles-menu.cmc.dev,
.pusher.trellis-theme .roles-menu.cmc.demo {
  background-color: #00adff;
}
.pusher.trellis-theme .roles-menu.cmc.test > .ui.inverted.menu,
.pusher.trellis-theme .roles-menu.cmc.dev > .ui.inverted.menu,
.pusher.trellis-theme .roles-menu.cmc.demo > .ui.inverted.menu {
  background-color: #00adff;
}
.ui.menu-bar .ui.dropdown a.item {
  align-self: stretch;
}
.ui.page-container.container > .ui.container {
  margin-top: 0 !important;
}
.item.sidebar.navigate-quick-menu {
  display: none !important;
}
@media (max-width: 1024px), (max-height: 700px) {
  .item.sidebar.navigate-quick-menu {
    display: flex !important;
  }
  .ui.horizontal.menu.menu-bar .menu-items {
    display: none;
  }
  .ui.horizontal.menu.menu-bar a.item.sidebar-toggle {
    display: flex;
  }
  .ui.vertical.menu .ui.dropdown .menu {
    left: auto !important;
    right: 3px !important;
  }
  .ui.vertical.menu .menu .item {
    font-size: 1rem;
    padding: 1rem;
    margin: 0px;
  }
  .ui.left.sidebar {
    width: 300px;
  }
  .right.menu .user.profile.user {
    display: none;
  }
  .right.menu.desktop-only {
    display: none !important;
  }
  #mdtreeMaster-col.column {
    z-index: 15 !important;
  }
  .user.profile.mobile {
    display: flex;
    margin-left: auto;
    align-items: center;
  }
  .user.profile.mobile .ui.floating.dropdown.button {
    background: none;
    padding-right: 0rem;
    margin-right: 0rem;
  }
  .user.profile.mobile .ui.floating.dropdown.button .menu.left.transition {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .ui.header.menuheader-text {
    font-size: 1rem;
  }
  .ui.left.sidebar {
    width: 300px;
  }
  .ui.dropdown.desktop-only.item {
    display: none;
  }
  .roles-content.desktop-only {
    display: none;
  }
  .roles-content.mobile-only {
    display: block;
  }
}
@media (max-width: 414px) {
  :root {
    font-size: 14px;
  }
}