.tableBtnBar {
  overflow     : hidden;
  margin-bottom: 8px;
  text-align   : right;
}

.tableBtnBar :global(.ant-btn) {
  margin-left: 8px;
}

.tableBtnBar :global(.ant-checkbox-wrapper) {
  margin-left: 8px;
}

.tableBtnGroup {
  float: left;
}

.rtBtn {
  float: right;
}

.tableContent {
  overflow: auto;
}

.tableContent :global(.ant-table-pagination.ant-pagination) {
  float     : unset;
  text-align: center;
  margin    : 0.36rem;
}

.actionTd {
  display        : flex;
  justify-content: space-between;
  color          : #005b9b;
}

.actionTd :global(.table_rowBtnStyle):hover {
  transform: scale(1.2, 1.2)
}

.selected {
  background-color: #b9f0dd;
}


.warning {
  background-color: #ffc53d;
}

.danger {
  background-color: rgba(207, 19, 34, 0.5);
}

.success {
  background-color: #ccffcc;
}

.dark-row {
  background-color: #F2F2F2;
}

.light-row {
  background-color: #ffffff;
}

/*TableColumnSetting*/
.settingMenu :global(.ant-menu-vertical .ant-menu-item),
.settingMenu :global(.ant-menu-vertical .ant-menu-submenu-title) {
  height     : 20px;
  line-height: 20px;
}

.tableContent :global(.ant-table-placeholder) {
  min-height: 150px;
}

:global(.ant-table-thead .react-resizable) {
  position       : relative;
  background-clip: padding-box;
}

:global(.ant-table-thead .react-resizable-handle) {
  position: absolute;
  width   : 10px;
  height  : 100%;
  bottom  : 0;
  right   : -5px;
  cursor  : col-resize;
  z-index : 1;
}

/** table 表头颜色 **/
:global(.ant-table-thead) {
  background-color: #BCCADF;
}

:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th),
:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th),
:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th),
:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th),
:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th),
:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th),
:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th),
:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th) {
  background-color: #BCCADF;
}

:global(.ant-table-thead > tr > th .anticon-filter),
:global(.ant-table-thead > tr > th .ant-table-filter-icon) {
  color: #ffffff;
}

:global(.ant-table.ant-table-small > .ant-table-content > .ant-table-body) {
  margin: 0
}

.tableCardSpin {
  text-align   : left;
  margin-top   : 18px;
  margin-bottom: calc(30px - 1%);
}

@media screen and (max-width: 1699px) {
  .tableCard {
    width: 24%;
  }
}

@media screen and (min-width: 1700px) {
  .tableCard {
    width: 19%;
  }
}

.tableCard {
  position       : relative;
  display        : inline-block;
  padding        : 18px 16px 20px 16px;
  background     : url('../../assets/common/table-card-bg.png') center;
  background-size: cover;
  border-radius  : 8px;
  margin-right   : 1%;
  margin-bottom  : 1%;
}

.tableCardCheckbox {
  position: absolute;
  top     : 10px;
  right   : 16px;
}

.tableCard .tableCardZone:nth-child(2) {
  border-bottom : 1px dashed #ffffff;
  padding-bottom: 8px;
  margin-bottom : 8px;
  font-weight   : bold;
  font-size     : 16px;
}

.tableCardZone {
  width          : 100%;
  display        : flex;
  flex-direction : row;
  justify-content: flex-start;
  align-items    : center;
  flex-wrap      : wrap;
  color          : #ffffff;
}

.tableCardZone>span {
  padding: 2px 0;
}

.tableCardZone>span:nth-child(3) {
  flex         : 1;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.tableCardPic {
  position: absolute;
  right   : 16px;
  bottom  : 20px;
}