/* @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); */
.button-show-hide-menu {
  z-index: 1101;
  width: 36px;
  height: 36px;
  position: fixed;
  top: 74px;
  left: 225px;
  /*transition: all 0.5s ease 0s;*/
}
.button-show-hide-menu-mini {
  z-index: 1101;
  width: 36px;
  height: 36px;
  position: fixed;
  top: 74px;
  left: 52px;
  transform: rotate(180deg);
  /*transition: all 0.5s ease 0s;*/
}

.full-menu {
  width: 220px;
  /*transition: all 0.5s ease 0s;*/
  min-width: 240px;
  max-width: 240px;
  background: #ffffff;
}

.full-menu .menu-lv1,
.full-menu .menu-lv3,
.full-menu .menu-lv2 {
  height: 48px;
  align-items: center;
  display: flex;
  z-index: 3;
}

.full-menu .menu-lv1 {
  padding-left: 20px;
}
.full-menu .menu-lv2 {
  padding-left: 30px;
}
.full-menu .menu-lv3 {
  padding-left: 40px;
}

.full-menu .menu-lv1 .icon-menu {
  margin-left: 12px;
}
.full-menu .menu-lv2 .button-drop-down {
  position: absolute;
  right: 21px;
  /*transition: all 0.5s ease 0s;*/
}
.full-menu .menu-lv2.show-item-menu {
  position: relative;
}

.full-menu img.button-drop-down {
  position: absolute;
}
.full-menu .menu-lv3 .label-menu,
.full-menu .menu-lv2 .label-menu {
  margin-left: 12px;
}
.menu-lv2:hover .label-menu {
  color: #1086E9;
}
.full-menu .label-menu {
  opacity: 1;
  /*transition: all 0.1s ease 0s;*/
}

.mini-menu {
  width: 75px;
  /*transition: all 0.5s ease 0s;*/
}
.mini-menu .menu-lv1 .label-menu,
.mini-menu .menu-lv2 .label-menu {
  opacity: 0;
  /*transition: all 0.1s ease 0s;*/
  width: 0;
}
.mini-menu .menu-lv1,
.mini-menu .menu-lv2 {
  justify-content: center;
  width: 75px;
}
.mini-menu .menu-lv3 {
  height: 48px;
  display: flex;
}
.mini-menu .menu-lv2 .button-drop-down {
  display: none;
}
.mini-menu .menu-lv1,
.mini-menu .menu-lv2 {
  height: 48px;
  align-items: center;
  display: flex;
  z-index: 3;
}

.menu-lv1 .label-menu {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #223e62;
}
.menu-lv3,
.menu-lv2 .label-menu {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #212533;
}
.show-item-menu {
  height: 48px !important;
  opacity: 1 !important;
  /*transition: all 0.5s ease 0s;*/
}
/* .hide-item-menu .label-menu, */
.hide-item-menu {
  align-items: center;
  height: 0 !important;
  opacity: 0 !important;
  /*transition: all 0.5s ease 0s;*/
}
.off-event-point {
  pointer-events: none;
}

.side-main-menu {
  height: 100vh;
  position: absolute;
  background: #ffffff;
}
.menu-lv2-wrapper {
  position: relative;
}
.mini-menu {
  /* overflow-y: scroll; */
}
.full-menu {
  overflow: scroll;
  /* overflow-x: hidden; */
}

::-webkit-scrollbar {
  width: 0px; /* Remove scrollbar space */
  height: 0px;
  background: transparent; /* optional: just make scrollbar invisible; */
}
.mini-menu .menu-lv3-wrapper {
  position: absolute;
  width: 194px;
  left: 83px;
  background-color: #ffffff;
  z-index: 3;
  top: 0px;
}

.full-menu .lv3-header {
  display: none;
}
.full-menu .menu-lv3.show-item-menu {
  align-items: center;
  padding-left: 48px;
}
.mini-menu .menu-lv3.show-item-menu {
  height: 36px;
  height: 36px !important;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  padding-left: 16px;
  /* identical to box height, or 129% */
  letter-spacing: -0.004em;
  /* Indygo Dye/Indygo Dye */
  color: #223e62;
}

.mini-menu .lv3-header.show-item-menu {
  height: 46px !important;
  background: #f4f7fc;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.004em;
  color: #1086E9;
  padding-left: 16px;
}
.active-menu path {
  fill: #00e0c2;
}
.bg-active-menu {
  background-color: rgba(0, 224, 194, 0.1);
}

.label-select {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */

  text-transform: uppercase;
  /* primary */
  color: #223e62;
  margin-right: 4px;
}

.item-select-wrapper {
  position: absolute;
  top: 20px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #223e62;
  /* background: #6d8296; */
  /* width: 55px;
  height: 100%; */
  /* transition: all 0.5s ease 0s; */
}
.item-select.show-item-menu {
  height: 20px !important;
}

.group-change-lang-admin .item-select-wrapper {
  color: #ffff;
  top: 40px;
  background: #1c2d49;
}

.group-change-lang-admin .label-select {
  color: #ffffff;
}
.low-height-screen.mini-menu {
  /* width: 70px; */
}
/* .mini-menu.low-height-screen .menu-lv1,
.mini-menu.low-height-screen .menu-lv2,
.mini-menu.low-height-screen .menu-lv3 {
  height: 35px !important;
} */
.menu_bottom_fix {
  border-top: 1px solid #ebeef5;
  position: absolute;
  bottom: 40px;
  width: 100%;
  padding: 10px 0px 12px 0px;
}
.menu-lv2:hover,
.button-show-hide-menu-mini:hover {
  cursor: pointer;
}