:host(.hidden) {
  display: none;
}

.navbar__item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: var(--ifx-font-family);
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  color: #1D1D1D;
}
.navbar__item.hide {
  display: none;
}
.navbar__item.isParent {
  gap: 8px;
}
.navbar__item .navItemIconWrapper {
  transition: 0.3s;
  display: flex;
}
.navbar__item.open .navItemIconWrapper {
  transform: rotate(-180deg);
  transition: 0.3s;
}
.navbar__item:hover {
  color: #0A8276;
  cursor: pointer;
}
.navbar__item:hover .username__tooltip {
  display: block;
}
.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper {
  cursor: pointer;
  background-color: #08665C;
}
.navbar__item.remove {
  display: none;
}
.navbar__item.removeLabel .label__wrapper {
  display: none;
}
.navbar__item .number__indicator-wrapper {
  position: relative;
  top: -11px;
}
.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip {
  display: none;
  position: absolute;
  top: 35px;
  right: 0;
  text-wrap: nowrap;
  padding: 1px 5px;
  font-size: 13px;
  font-family: "Source Sans 3";
  background-color: black;
  color: #fff;
  z-index: 99;
}
.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip {
  display: block;
}
.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #0A8276;
}
.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials {
  color: #FFF;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img {
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper {
  display: none;
}
.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide {
  display: none;
}

.container {
  position: relative;
}
.container:focus {
  outline: none;
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276;
}
.container .sub__layer-back-button {
  display: none;
}
.container .sub__layer-back-button.show {
  display: flex;
  justify-content: flex-start;
}
.container .sub__layer-back-button.show .back__button-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0 16px 0;
  color: #0A8276;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.container .sub__layer-back-button.show .back__button-wrapper span:hover, .container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover {
  cursor: pointer;
}
.container.hide {
  display: none;
}
.container .inner__content-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.container .inner__content-wrapper.no-gap {
  gap: 0px;
}
.container .inner__content-wrapper .navbar__container-right-content-navigation-item-icon-wrapper.no-gap {
  gap: 0px;
}
.container .inner__content-wrapper .number__indicator-wrapper {
  position: relative;
  top: -11px;
}

.navbar-menu {
  position: absolute;
  display: none;
  list-style-type: none;
  visibility: visible;
  flex-direction: column;
  width: 224px;
  min-width: 224px;
  background: #FFFFFF;
  box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);
  border: 1px solid #EEEDED;
  padding: 8px 0px;
  font-family: var(--ifx-font-family);
}
.navbar-menu.open:not(.itemInMobileMenu) {
  display: flex;
}
.navbar-menu.itemInMobileMenu {
  display: none;
}
.navbar-menu.right {
  left: 100%;
  top: -40%;
}
.navbar-menu.left {
  top: -40%;
  right: 100%;
}
.navbar-menu.rightSideItemMenu {
  left: initial;
  right: 0px;
}

.navbar__item.layer__item-parent {
  color: #1D1D1D;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.24px;
  cursor: initial;
}
.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg {
  width: 24px;
  height: 24px;
}
.navbar__item.sidebarMenuItem {
  justify-content: space-between;
  padding: 0;
}
.navbar__item.menuItem {
  text-decoration: none;
  color: #1D1D1D;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  gap: 8px;
  font-family: var(--ifx-font-family);
}
.navbar__item.menuItem.hide {
  display: none;
}
.navbar__item.menuItem .label__wrapper {
  color: #1D1D1D;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.navbar__item.menuItem:hover {
  cursor: pointer;
  background-color: #EEEDED;
}
.navbar__item.menuItem:active {
  background-color: #BFBBBB;
}

.sub__layer-menu {
  padding: 5px;
  display: none;
}
.sub__layer-menu.remove__margin {
  margin: 0;
  padding: 0;
}
.sub__layer-menu.open {
  display: block;
}

.navbar__item.hide {
  display: none;
}

.menuItemRightIconWrapper.hide {
  display: none;
}

.navItemIconWrapper.hide {
  display: none;
}