// bootstratp override
.pager {
    display: flex;
    justify-content: flex-end;
    .pagination {
        margin: 0;
        .page-item {
            .page-link {
                border: 0;
                padding: 2px 8px;
                line-height: 1.5rem;
                background-color: transparent;
                color: $primary;

                &--as-icon {
                    font-size: 200%;
                    padding: 0px 10px 2px 10px;
                }
            }

            &--ellipsis {
                cursor: default;
            }

            &.active {
                .page-link {
                    font-weight: bold;
                    background-color: $color-blue-light;
                    color: white;
                }
            }
        }
    }
}

body.black-white .page-item--ellipsis {
  color: inherit;
}

body.black-yellow .page-item--ellipsis {
  color: inherit;
}

body.yellow-black .page-item--ellipsis {
  color: inherit;
}

body.black-white .pager .pagination .page-item .page-link {
    color: white;
}

body.black-yellow .pager .pagination .page-item .page-link {
    color: $color-yellow;
}

body.yellow-black .pager .pagination .page-item .page-link {
    color: black;
}
