.navbar {
  left: 0px;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 1200;
  background-color: #fff;
  box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.13);
}

.navbar .user-name {
  font-size: 24px;
}

.navbar .avatar-box {
  font-size: 40px;
  color: #727E8C;
  background-color: #FFF;
}

.nav-right-item {
  margin-right: 20%;
}

.brand-logo-image {
  width: 20vh;
}

.pc-brand {
  margin-left: 15%;
}

.mobile-brand {
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-menu {
  width: 100% !important;
  min-height: 93vh;
  padding-left: 12vh;
  padding-top: 10px;
  margin-top: 4rem;
  background-color: #FFF;
  border-right: unset;
  box-shadow: 12px 10px 18px -6px rgba(25, 42, 70, 0.13);
}

.vertical-overlay-menu .main-menu,
.vertical-overlay-menu.menu-hide .main-menu {
  z-index: 0;
}

.vertical-overlay-menu.menu-open .main-menu {
  z-index: 1031;
}