.lion-table-header-toolbar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  min-width: inherit;

  &::after {
    display: none;
  }

  &::before {
    display: none;
  }

  .lion-nav-operate-group {
    padding: 5px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;

    .blukAction {
      display: inline-block;
      line-height: 1;
      white-space: nowrap;
      cursor: pointer;
      background: #fff;
      border: 1px solid #dcdfe6;
      border-color: #dcdfe6;
      color: #606266;
      -webkit-appearance: none;
      text-align: center;
      box-sizing: border-box;
      outline: none;
      margin: 0;
      transition: 0.1s;
      font-weight: 500;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      padding: 12px 20px;
      font-size: 14px;
      border-radius: 4px;
      padding: 9px 15px;
      font-size: 12px;
      border-radius: 3px;
      color: #fff;
      background-color: #3582fb;
      border-color: #3582fb;
      margin-right: 5px;

      &:first-child {
        margin-left: 4px;
      }
    }

    .is-disabled {
      color: #c0c4cc;
      cursor: not-allowed;
      background-image: none;
      background-color: #fff;
      border-color: #ebeef5;
    }

    .lion-nav-operate-group-right {
      margin-right: 12px;

      .lion-nav-operate-group-right-content {
        background: #f7f8fa;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        // display: inline-block;
        margin-bottom: 8px;
        overflow: hidden;
        transition: all 0.3s;
        height: 32px;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;

        .lion-nav-operate-group-right-content-body {
          overflow: hidden;

          >button {
            border-color: transparent;
            box-shadow: none;
            background: none;
            border: none;
            font-size: 12px;
            color: rgba(0, 0, 0, 0.4);
            padding: 0px 5px;
            line-height: 32px;
            display: inline-flex;
            align-items: center;
            margin: 0;
            box-sizing: border-box;

            &:hover {
              background: none;
              border: none;
              color: rgba(0, 0, 0, 0.4);
            }

            .icon {
              margin-right: 0 !important;
              font-size: 16px;
              top: -1px;
            }
          }
        }

        &-icon {
          height: 100%;
          background: #dcdcdc;
          border-radius: 0px 3px 3px 0;
          line-height: 32px;
          cursor: pointer;
          text-align: center;
          width: 18px;
        }
      }

      @media screen and (min-width: 1280px) and (max-width: 1440px) {
        height: 19.9px;

        .lion-nav-operate-group-right-content {
          &-icon {
            line-height: 19.9px;
          }
        }
      }

      @media screen and (min-width: 1441px) and (max-width: 1680px) {
        height: 24px;

        .lion-nav-operate-group-right-content {
          &-icon {
            line-height: 24px;
          }
        }
      }
    }
  }

  .lion-nav-tool-group {
    display: flex;
    align-items: center;

    .toolBar {
      display: inline-block;
      line-height: 1;
      white-space: nowrap;
      cursor: pointer;
      background: #fff;
      border: 1px solid #dcdfe6;
      border-color: #dcdfe6;
      color: #606266;
      -webkit-appearance: none;
      text-align: center;
      box-sizing: border-box;
      outline: none;
      margin: 0;
      transition: 0.1s;
      font-weight: 500;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      font-size: 13px;
      border-radius: 4px;
      margin: 10px 0;
      height: 32px;
      padding: 0;
      border-radius: 3px;
    }
  }
}