@import '../../styles/table.less';

.@{table-prefix}-thead {
	& > tr > th {
		font-weight: 600;

	}
	th.@{table-prefix}-column-sort {
		color: @antd-text-color-inv;
	}
}

.@{pagination-prefix}-item-active {
	&:focus,
	&:hover {
		border-color: @antd-primary-color-hover;
		& a {
			color: @antd-primary-color-hover;
		}
	}
}

.@{pagination-prefix}-item-active {
	background-color: @antd-primary-color;
  & a {
    color: @antd-text-color-inv;

  }
	&:focus,
	&:hover {
		color: @antd-text-color-inv;
		& a {
			color: @antd-text-color-inv;
		}
	}
}


.@{table-prefix}-thead th.@{table-prefix}-column-sort .@{table-prefix}-filter-trigger-container {
	color: @antd-text-color-inv;
	& .@{table-prefix}-filter-trigger {
		color: @antd-text-color-inv;
	}
	& .@{table-prefix}-filter-trigger.active {
		color: @antd-text-color;
		&:hover {
			background-color: @antd-table-head-background-selected-hover;
		}
	}
}

.@{table-prefix}-filter-trigger-container-open, .@{table-prefix}-filter-trigger-container:hover, .@{table-prefix}-thead th.@{table-prefix}-column-has-sorters:hover .@{table-prefix}-filter-trigger-container:hover,
.@{table-prefix}-thead th.@{table-prefix}-column-has-sorters:hover .@{table-prefix}-filter-trigger-container {
	background: @antd-table-head-background-hover;
	& .@{table-prefix}-filter-trigger {
		background: @antd-table-head-background-hover;
		color: @antd-description-color;
	}
	& .@{table-prefix}-filter-trigger.active {
		background: @antd-table-head-background-selected;
	}
}