.gm-tablelist {
  &.amos-table-wrap-pro {
    .amos-table-thead > tr > th {
      padding: 6px 8px 6px;
      font-size: 14px;
      font-weight: bold;
      color: var(--gm-color);
      background: transparent;
      border-right: 1px solid var(--gm-border-color);
    }

    .amos-table-tbody > tr > td {
      font-size: 14px;
      color: var(--gm-color);
      background: transparent;
    }
  }
}

.gm-common-stdtable {
  &.amos-table-wrap-pro {
    .amos-table-thead > tr > th {
      padding: 8px 6px;
      font-size: 15px;
      font-weight: bold;
      color: var(--gm-title-color);
      background: transparent;
      border-right: 1px solid var(--gm-border-color);
    }

    .amos-table-tbody > tr > td {
      padding: 8px 6px;
      font-size: 15px;
      color: var(--gm-text-color);
      background: transparent;
    }

    .amos-table-tbody > tr {
      cursor: pointer;

      &:hover {
        background-color: #eff2f8;
      }
    }

    .amos-table-placeholder {
      color: var(--gm-text-color);
      background-color: transparent;
      border-bottom: 0;
    }
  }
}

.gm-common-labelvalue {
  .amos-labelvalue-pro .amos-labelvalue-pro-label {
    font-size: var(--gm-text-ft);
    font-weight: var(--gm-text-ftweight);
    color: var(--gm-text-color);
  }

  .amos-labelvalue-pro .amos-labelvalue-pro-value {
    font-size: var(--gm-text-ft);
    color: var(--gm-text-color);
  }
}

.gm-common-tabs.amos-tabs {
  &.amos-tabs-unbulge {
    width: 100%;
    height: 100%;

    > .amos-tabs-list {
      width: 100%;
      height: 42px;
      padding-right: 0;
      padding-left: 14px;
      background-color: var(--gm-header-background-color);
      border-bottom: solid 1px var(--gm-border-color);

      .amos-tabs-tabitem {
        display: inline-flex;
        height: 30px;
        margin-top: 0;
        margin-left: 6px;
        font-size: var(--gm-conent-ft);
        color: var(--gm-conent-color);
        border-bottom: 0;
        border-radius: 4px 4px 0 0;

        &.amos-tabs-tabitem-active {
          height: 36px;
          font-size: var(--gm-title-ft);
          font-weight: bold;
          // background: linear-gradient(180deg, #e1e1e1, #f6f6f6 100%, #eee 100%);
        }
      }

      .amos-tabs-tabitem-inner {
        display: flex;
        height: 100%;
        padding: 0 20px;
        margin: 0;
        font-size: inherit;
        color: var(--gm-conent-color);
        border: 0;
        align-items: center;

        .amos-tabs-tabitem-content {
          color: var(--gm-conent-color);
        }
      }
    }

    > .amos-tabs-panel {
      width: 100%;
      height: calc(100% - 42px);
      padding: 0;
    }
  }

  &.amos-tabs-line {
    > .amos-tabs-list {
      .amos-tabs-tabitem {
        color: var(--gm-text-color);

        .amos-tabs-tabitem-inner {
          font-size: 15px;
          color: var(--gm-text-color);
        }
      }
    }
  }
}


.gm-common-popover.amos-select-dropdown-popover.amos-popover {
  &.amos-popover-up,
  &.amos-popover-down {
    .amos-popover-content {
      color: var(--gm-common-popover-color, #3f3f3f);
      background: var(--gm-common-popover-bgcolor, white);
      border: 1px solid var(--gm-common-popover-bgcolor, white);
      box-shadow: var(--gm-common-popover-box-shadow, 0 3px 6px rgba(0, 0, 0, 0.16));

      .amos-select-option {
        &:hover {
          background: var(--gm-common-popover-active-bg, #eff2f8);
        }

        &.amos-select-option-selected {
          color: var(--gm-common-popover-color, #3f3f3f);
        }
      }

      input {
        color: var(--gm-common-popover-color, #3f3f3f);
        background: transparent;
        border-color: var(--gm-common-popover-border-color, #d9d9d9);
      }
    }

    .amos-tree {
      max-height: 300px;
      overflow: auto;
    }

    .amos-tree li .amos-tree-node-content-wrapper {
      color: var(--gm-common-popover-color, #3f3f3f);

      &:hover {
        background: var(--gm-common-popover-active-bg, #eff2f8);
      }

      &.amos-tree-node-selected {
        background: var(--gm-common-popover-active-bg, #eff2f8);
      }
    }
  }
}

.ant-calendar-picker-container {
  &[style*='transparent'] {
    .ant-calendar {
      color: var(--gm-common-popover-color);
      background-color: var(--gm-common-popover-bgcolor);
      border: 1px solid var(--gm-common-popover-bgcolor);
      box-shadow: var(--gm-common-popover-box-shadow);

      .ant-calendar-clear-btn {
        color: var(--gm-common-popover-a-color);
      }
    }

    .ant-calendar-input-wrap {
      border-bottom: 1px solid var(--gm-common-popover-border-color);

      input {
        color: var(--gm-common-popover-color, #3f3f3f);
        background: transparent;
        border-color: var(--gm-common-popover-border-color, #d9d9d9);
      }
    }

    .ant-calendar-date {
      color: var(--gm-common-popover-color);
      background: transparent;
      border: 1px solid transparent;

      &:hover {
        color: var(--gm-common-popover-color);
        background: transparent;
        border: 1px solid transparent;
      }
    }

    .ant-calendar-selected-day {
      .ant-calendar-date {
        color: var(--graph-popover-picker-date-select-color);
        background: var(--graph-popover-picker-date-select-bg-color);
        border: 1px solid transparent;

        &:hover {
          color: var(--graph-popover-picker-date-select-color);
          background: var(--graph-popover-picker-date-select-bg-color);
          border: 1px solid transparent;
        }
      }
    }

    .ant-calendar-last-month-cell,
    .ant-calendar-next-month-btn-day {
      .ant-calendar-date {
        color: var(--gm-common-popover-color);
        opacity: 0.3;
      }
    }

    .ant-calendar-today {
      .ant-calendar-date {
        color: rgba(0, 0, 0, 0.65);
        background: transparent;
        border: 1px solid transparent;
      }
    }

    .ant-calendar-footer {
      border-top: 1px solid var(--gm-common-popover-border-color);

      .ant-calendar-today-btn {
        color: var(--gm-common-popover-a-color);
      }

      .ant-calendar-time-picker-btn {
        color: var(--gm-common-popover-a-color);
      }

      .ant-calendar-ok-btn {
        color: var(--graph-popover-picker-btn-ftcolor);
        background-color: var(--graph-popover-picker-btn-color);
        border: 1px solid var(--graph-popover-picker-btn-color);

        &:hover {
          color: var(--graph-popover-picker-btn-ftcolor);
          background-color: var(--graph-popover-picker-btn-hover-ftcolor);
          border-color: var(--graph-popover-picker-btn-hover-ftcolor);
        }
      }
    }

    .ant-calendar-input {
      color: var(--graph-popover-picker-input-ftcolor);
      background: var(--graph-popover-picker-input-bgcolor);
      border: 1px solid var(--graph-popover-picker-input-border-color);
    }

    .ant-calendar-header {
      border-bottom: 1px solid var(--gm-common-popover-border-color);

      a {
        color: var(--gm-common-popover-color);
      }

      .ant-calendar-year-select {
        color: var(--gm-common-popover-color);
      }

      .ant-calendar-month-select {
        color: var(--gm-common-popover-color);
      }
    }
  }
}
