﻿.jqpaginator {
    position: relative;
}

    .jqpaginator .jqp-wrap {
        margin: 0 auto;
        position: relative;
        text-align: center;
        display: flex;
        justify-content: space-evenly;
        width: 80%;
    }

        .jqpaginator .jqp-wrap .jqp-input {
            display: block;
            margin: 0 auto;
            width: 100px;
        }

        .jqpaginator .jqp-wrap .jqp-prev,
        .jqpaginator .jqp-wrap .jqp-next,
        .jqpaginator .jqp-wrap .jqp-pages {
            display: inline-block;
        }

        .jqpaginator .jqp-wrap .jqp-pages {
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .jqpaginator .jqp-wrap .jqp-pages li {
                cursor: default;
                display: inline-block;
                padding: 1px;
            }

                .jqpaginator .jqp-wrap .jqp-pages li,
                .jqpaginator .jqp-wrap button {
                    cursor: pointer;
                    border: none;
                    width: 25px;
                    height: 25px;
                    border-radius: 3px;
                    margin: 0px 3px;
                    background: white;
                }

                .jqpaginator .jqp-wrap .jqp-pages li.jqp-active {
                    cursor: default;
                    font-weight: bold;
                    background-color:red;
                    color:white;
                }

        .jqpaginator .jqp-wrap button .jqp-disable {
            color: #BBBBBB;
            cursor: default;
            pointer-events: none;
        }
