@page {
    @bottom-left {
        content: counter(page) "/of" counter(pages);
    }
}

@page {
    @bottom-right {
        content: counter(page) " of " counter(pages);
    }
}

@media print {
    @page {
        @bottom-right {
            content: counter(page) " of " counter(pages);
        }
    }

    td {
        page-break-inside: avoid !important;
        white-space: nowrap;
        overflow: hidden;
        padding: 1px;
        font-size: xx-small;
    }

    .printName {
        font-size: 14px;
    }

    #createContent {
        display: table;
        width: 100%;
    }

    #pageFooter {
        display: table-footer-group;
        counter-increment: page;
    }

    #pageFooter:after {

        content: "Page " counter(page);
        left: 0;
        top: 100%;
        white-space: nowrap;
        z-index: 20;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0px 0px 4px #222;
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    }
}