.el-menu-item.is-active {
  background-color #EEF3FF !important
  color #5D87FF !important

  &::after {
    height: 100%;
  }
}

.el-menu-item {
  position relative !important
  transition: background-color, color .3s ease-in-out !important;
  border-radius 4px !important

  &::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 0;
    background-color: #1C6EFF;
    transition height 0.3s ease-in-out
  }
}


.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
  color #5D87FF !important;
}

.el-sub-menu.is-active .el-sub-menu__title {
  border-bottom-color: #5D87FF !important;
}

.el-sub-menu__title,
.el-menu-item {
  height: 42px !important;
  line-height: 42px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;

  &:hover {
    background-color: #F2F4F5 !important;
  }
}

