.pagination-container {
    text-align: right;
    margin-right: 20px;

    .common-pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
        color: #ccc;

        a {
            display: inline-block;
            color: #0D0D0D;
            display: inline-block;
            height: 36px;
            padding: 6px 12px;
            border: 1px solid #ddd;
            vertical-align: middle;
            padding: 6px 12px;
            text-decoration: none;
            border-radius: 4px;
        }

        span {
            &.current {
                display: inline-block;
                height: 36px;
                padding: 6px 12px;
                color: #0D0D0D;
                background-color: #CCCCCC;
                border: 1px solid #ddd;
                vertical-align: middle;
                text-decoration: none;
                border-radius: 4px;
            }

            &.disabled {
                display: inline-block;
                height: 36px;
                line-height: 36px;
                padding: 0 12px;
                color: #bfbfbf;
                background: #f2f2f2;
                border: 1px solid #bfbfbf;
                border-radius: 4px;
                vertical-align: middle;
            }
        }

        .tcdPageCode-ellipsis {
            display: inline-block;
            width: 24px;
            text-align: center;
        }
    }

    .common-page-size {
        border: 0px;
        color: #868686;
        display: inline-block;
        text-align: left;
        padding-right: 10px;
    }
}