.app-top-menus {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 20px;
  >.app-top-menu-item{
      height: 24px;
      display: flex;
      align-items: center;
      margin-right: 16px;
      color: #8893a7;
      border: 1px solid rgba(0, 0, 0, 0);
      cursor: pointer;
  }

  >.app-top-menu-item.icon {

      >.app-top-menu-item-icon {
          font-size: 20px;
      }

      >.app-top-menu-item-img {
          height: 20px;
          width: 20px;

          >img {
              height: 100%;
              width: 100%;
          }
      }
  }

  >.app-top-menu-item.icon:hover{
      color: #68758e;
      text-decoration: none;
  }

  >.app-top-menu-item.text {
      border-radius: 4px;
      border: 1px solid #8893a7;
      text-align: center;
      font-size: 12px;
      padding: 2px 4px;

      >.app-top-menu-item-icon {
          width: 20px;
          height: 20px;
          overflow: hidden;
          font-size: 16px;
          margin-right: 3px;
          margin-top: -3px;
      }

      >.app-top-menu-item-img {
          height: 16px;
          width: 16px;
          margin-right: 3px;

          >img {
              height: 100%;
              width: 100%;
          }
      }
  }

  >.app-top-menu-item.text:hover {
      color: #107fff;
      border: 1px solid #107fff;
  }
}
.app-top-menus:hover {
    background: none !important;
}