/* 分页器 */
.grid-pagination {
    display: flex;
    justify-content: space-between;
    height: 32px;
}

// 第几条 文字
.grid-pagination ::ng-deep .ant-select-selection-item,
.ant-select-selector {
    color: #00eff8;
    border-color: #00eff8;
    border-width: 2px;
}

//总数
.grid-pagination ::ng-deep .page-total-style {
    font-size: medium;
    font-weight: 700;
    color: #00eff8;
}

//页面尺寸选中
::ng-deep .ant-select-item-option {
    color: #00eff8 !important;
}

//页面尺寸每项
::ng-deep .ant-select-item-option-active div {
    font-weight: 800 !important;
    color: #00eff8 !important;
}

//箭头  颜色
.grid-pagination::ng-deep .anticon {
    color: #00eff8;
}

//页面尺寸选择
.grid-pagination ::ng-deep .ant-select-selector {
    color: #00eff8;
    border-color: #00eff8;
    border-width: 2px;

}

//前 link
.grid-pagination ::ng-deep .ant-pagination-prev .ant-pagination-item-link {
    color: #00eff8;
    border-color: transparent;
}

//中间的  item
.grid-pagination ::ng-deep .ant-pagination-item {
    color: #00eff8;
    border-color: #00eff8;
    border-width: 2px;
}

// disable 样式
.grid-pagination ::ng-deep .ant-pagination-item a {
    color: #00eff8 !important;
}

.grid-pagination ::ng-deep .ant-pagination-item-active a {
    color: black !important;

}

//前后箭头
.grid-pagination ::ng-deep .ant-pagination-next button,

.ant-pagination-prev button {
    color: #00eff8;
    border-color: transparent;
}

//鼠标放上去的样式
.grid-pagination ::ng-deep .ant-pagination-item-active:focus-visible,
.ant-pagination-item-active:hover,

.ant-pagination-next:hover button,
.ant-pagination-prev:hover button {
    border-color: #00eff8;
    border-width: 2px;
}

//选中样式
.grid-pagination ::ng-deep .ant-pagination-item-active {
    font-weight: 500;
    background-color: #00eff8;
    border-color: #00eff8;
    border-width: 2px;
}