@import (reference) '../../style/common.less';

.umui-retention-table {
  .@{ant-prefix}-table.@{ant-prefix}-table-layout-fixed {
    .@{ant-prefix}-table-body tr td {
      padding: 10px 16px !important;
    }
  }
  .@{ant-prefix}-table-tbody {
    td {
      padding: 10px 16px;
    }
    .numbe {
      margin: -11px -17px;
      box-sizing: border-box;
      padding: 8px 0;
      border: solid 1px @component-background;
      height: 40px;
      line-height: 22px;
      text-align: center;
    }
    .group {
      cursor: pointer;
      text-decoration: underline;
      &.td-color-3:hover,
      &.td-color-4:hover,
      &.td-color-5:hover {
        color: #3b82fe;
      }
    }
    .td-color-1 {
      background: @retention-background-1;
      color: @text-color-inverse;
    }
    .td-color-2 {
      background: @retention-background-2;
      color: @text-color-inverse;
    }
    .td-color-3 {
      background: @retention-background-3;
      color: @text-color;
    }
    .td-color-4 {
      background: @retention-background-4;
      color: @text-color;
    }
    .td-color-5 {
      background: @retention-background-5;
      color: @text-color;
    }
    .td-color-empty {
      background: @component-background;
      text-indent: -1000px;
      overflow: hidden;
      border: 1px solid @border-color-split;
      &::after {
        content: "*";
        color: @component-background;
      }
    }
  }
}