.tcdPageCode {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #ccc;
}


    .tcdPageCode a {
        display: inline-block;
        vertical-align: middle;
        width: 35px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .tcdPageCode a.nextPage:hover svg path {
            fill: #0081CC;
        }

        .tcdPageCode a.prevPage svg path {
            fill: #000000;
            fill-opacity: 1;
        }

        .tcdPageCode a.prevPage:hover svg path {
            fill: #0081CC;
            fill-opacity: 1;
        }

    .tcdPageCode span.disabled svg path {
        fill: #000000;
        fill-opacity: 0.26;
    }

    .tcdPageCode span.current {
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
    }

    .tcdPageCode .prevPage, .tcdPageCode .nextPage {
        border-radius: 100%;
        height: 25px;
        width: 25px;
        line-height: 25px;
        background: #FFF;
        box-shadow: 0 0 2px 0 #EEE;
        margin: 0 10px;
    }

    .tcdPageCode span.disabled {
        border-radius: 100%;
        height: 25px;
        width: 25px;
        line-height: 25px;
        background: #FFF;
        box-shadow: 0 0 2px 0 #EEE;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #bfbfbf;
        margin: 0 10px;
    }

    .tcdPageCode span.ellipsis {
        display: inline-block;
        vertical-align: middle;
        height: 25px;
        width: 25px;
        line-height: 25px;
        text-align: center;
    }