Android_Retail/src/Components/Menu/sideMenu.scss

.ant-menu-title-content {
  flex-direction: column;
  display: flex;
  // shifayath
  // align-items: center;
  //
  font-size: 12px;
}

.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 57px;
  line-height: 35px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  // align-items: center;
  row-gap: 0.5rem;
}

@media (max-width: 500px) {
  .sideNaveParent {
    // width: 16vw;
    position: relative;
    z-index: 100;
  }
}

.sideNaveParent .ant-menu-submenu > .ant-menu-submenu-title {
  height: 57px;
  line-height: 35px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5rem;
  padding-inline-end: 15px;
}

.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title:hover {
  font-size: 12px;
  font-weight: 600;
  color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
}

:where(.css-dev-only-do-not-override-2i2tap).ant-menu-vertical
  > .ant-menu-submenu
  > .ant-menu-submenu-title {
  align-items: center;
}

:where(.css-2i2tap).ant-menu-vertical
  > .ant-menu-submenu
  > .ant-menu-submenu-title {
  align-items: center;
}

.ant-menu-vertical > .ant-menu-item {
  // line-height: 35px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  // height: 70px;
  // height: 57px;
  height: 50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5rem;
  margin-inline: 0px;
  margin-block: 0px;
}

.ant-menu-vertical > .ant-menu-item:hover {
  font-size: 12px;
  font-weight: 700;
  color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
}

.ant-menu-light .ant-menu-submenu-selected > .ant-menu-submenu-title,
.ant-menu-light
  > .ant-menu
  .ant-menu-submenu-selected
  > .ant-menu-submenu-title {
  color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
}

.ant-menu-light .ant-menu-item-selected,
.ant-menu-light > .ant-menu .ant-menu-item-selected {
  color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
}

.ant-menu-light .ant-menu-item-selected,
.ant-menu-light > .ant-menu .ant-menu-item-selected {
  color: var(--PRIMARY_BUTTON_BG_COLOR) !important;
}

.ant-menu-light .ant-menu-item-selected,
.ant-menu-light > .ant-menu .ant-menu-item-selected {
  background-color: #f4eaf2;
}

.ant-menu .ant-menu-item .ant-menu-item-icon svg {
  font-size: 25px;
}

.sideNaveParent .ant-menu .ant-menu-submenu-arrow {
  top: 40%;
}

.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg {
  font-size: 25px;
  // align-items: center;
}

.ant-menu .ant-menu-item .ant-menu-item-icon + span {
  margin-inline-start: 0px;
}

.ant-menu-light,
.ant-menu-light > .ant-menu {
  color: rgba(92, 92, 92, 0.88);
  background: none;
  padding: 2px;
  top: 1rem;
  justify-content: center;
}

.menuLogos {
  fill: #ff4d4f;
  background: #ff4d4f;
}
.ant-menu-submenu {
  // max-height: 60vh !important;
  // june 26
  max-height: 56vh !important;
  overflow: auto !important;
}

.sideMenuantd {
  width: 9vw !important;
  height: 100%;
  padding: 0px;
  padding-inline: 0px;
  padding-inline-end: 0px;
  padding-left: 0px;
}
.sideMenuantd2 {
  width: 5vw !important;
  height: 100%;
  padding: 0px;
  padding-inline: 0px;
  padding-inline-end: 0px;
  padding-left: 0px;
}
.sidebarlogo {
  //   margin-bottom: 1rem;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .sideMenuantd {
    width: 25vw !important;
    height: 100%;
    padding: 0px;
    padding-inline: 0px;
    padding-inline-end: 0px;
    padding-left: 0px;
  }
  .sideMenuantd2 {
    width: 10vw !important;
    // width: 5rem !important;
    height: 100%;
    padding: 0px;
    padding-inline: 0px;
    padding-inline-end: 0px;
    padding-left: 0px;
  }
  .sidebarlogo {
    transform: rotate(-90deg);
  }
}

@media screen and (max-width: 499px) {
  .sideMenuantd2 {
    width: 3rem !important;
    // width: 5rem !important;
    height: 100%;
    padding: 0px;
    padding-inline: 0px;
    padding-inline-end: 0px;
    padding-left: 0px;
  }
}