.gm-tablepage-header {
  display: flex;
  width: 100%;
  height: 42px;
  background-color: var(--gm-tablepage-header-bg);
  border-bottom: solid 1px var(--gm-tablepage-border-color);

  .gm-tablepage-header-title {
    display: flex;
    height: 100%;
    align-items: center;
    padding-left: 16px;
    font-size: var(--gm-tablepage-title-ft, 16px);
    font-weight: var(--gm-tablepage-title-ft-weight, normal);
    color: var(--gm-tablepage-title-ft-color, black);
  }

  .gm-tablepage-header-btns {
    display: flex;
    flex: 1;
    height: 100%;
    padding-right: 22px;
    align-items: center;
    justify-content: flex-end;

    .design-table-opers-groupbtn {
      margin-left: 22px;
    }

    .design-table-opers-btn {
      margin-left: 22px;
    }

    .bar-group-pro {
      .amos-btn {
        line-height: 1.5;
        background: var(--gm-tablepage-operbtn-bg, white);
        border-color: var(--gm-tablepage-operbtn-bordercolor, #eaeaea);

        &:hover {
          background: var(--gm-tablepage-operbtn-hover-bg, #e3e3e3);
        }
      }

      .bar-group-label {
        font-size: var(--gm-tablepage-operbtn-ft, 14px);
        color: var(--gm-tablepage-operbtn-ft-color, #333);
      }
    }
  }
}
