.paginationjs{display:flex;line-height:1.6;font-family:Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;font-size:14px;box-sizing:initial}
.paginationjs:after{display:table;content:" ";clear:both}
.paginationjs .paginationjs-pages{float:left;margin-left:10px}
.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}
.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input,.paginationjs .paginationjs-size-changer{margin-left:10px;float:left;font-size:14px}
.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:none;list-style:none}
.paginationjs .paginationjs-pages li>a{min-width:29.5px;height:27.5px;line-height:27.5px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center;cursor:pointer}
.paginationjs .paginationjs-pages li>a:hover{background:#eee}
.paginationjs .paginationjs-pages li.active{border:none}
.paginationjs .paginationjs-pages li.active>a{height:29.5px;line-height:29.5px;background:#aaa;color:#fff;cursor:default}
.paginationjs .paginationjs-pages li.disabled>a{opacity:.3;cursor:default}
.paginationjs .paginationjs-pages li.disabled>a:hover{background:0 0}
.paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}
.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}
.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}
.paginationjs .paginationjs-size-changer>select{height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}
.paginationjs .paginationjs-go-input>input[type=text]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}
.paginationjs .paginationjs-go-button>input[type=button]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer;vertical-align:middle\9}
.paginationjs .paginationjs-go-button>input[type=button]:hover{background-color:#f8f8f8}
.paginationjs .paginationjs-nav{float:left;height:30px;line-height:30px;font-size:14px}
.paginationjs.paginationjs-small{font-size:12px}
.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}
.paginationjs.paginationjs-small .paginationjs-size-changer{font-size:12px}
.paginationjs.paginationjs-small .paginationjs-size-changer>select{height:24px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text]{width:26px;height:24px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}
.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}
.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}
.paginationjs.paginationjs-big{font-size:16px}
.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}
.paginationjs.paginationjs-big .paginationjs-size-changer{font-size:16px}
.paginationjs.paginationjs-big .paginationjs-size-changer>select{height:34px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{width:36px;height:34px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}
.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}
.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}
.paginationjs>:first-child{margin-left:0}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289de9}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289de9}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#e9f4fc}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289de9;color:#fff}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0 0}
.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-blue .paginationjs-size-changer>select{border-color:#289de9}
.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]{background:#289de9;border-color:#289de9;color:#fff}
.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover{background-color:#3ca5ea}
.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449d44}
.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449d44}
.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#ebf4eb}
.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449d44;color:#fff}
.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0 0}
.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-green .paginationjs-size-changer>select{border-color:#449d44}
.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]{background:#449d44;border-color:#449d44;color:#fff}
.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover{background-color:#55a555}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#ec971f}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#ec971f}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#fdf5e9}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#ec971f;color:#fff}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0 0}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-yellow .paginationjs-size-changer>select{border-color:#ec971f}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]{background:#ec971f;border-color:#ec971f;color:#fff}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover{background-color:#eea135}
.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#c9302c}
.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#c9302c}
.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#faeaea}
.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#c9302c;color:#fff}
.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0 0}
.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-red .paginationjs-size-changer>select{border-color:#c9302c}
.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]{background:#c9302c;border-color:#c9302c;color:#fff}
.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover{background-color:#ce4541}
.paginationjs .paginationjs-pages li.paginationjs-next{border-right:1px solid #aaa\9}
.paginationjs .paginationjs-size-changer{margin-left:5px\9}
.paginationjs .paginationjs-size-changer>select{line-height:28px\9;vertical-align:middle\9}
.paginationjs .paginationjs-go-input{margin-left:5px\9}
.paginationjs .paginationjs-go-input>input[type=text]{line-height:28px\9;vertical-align:middle\9}
.paginationjs .paginationjs-go-button{margin-left:5px\9}
.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\9}
.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{height:36px\9;line-height:36px\9}

/* =========================
   PAGINATION - GOLD THEME
========================= */
/* =========================
   PAGINATION - GOLD THEME
========================= */

.paginationjs.paginationjs-theme-gold{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:.65rem;
    width:100%;
    text-align:center;
}

.paginationjs.paginationjs-theme-gold .paginationjs-nav,
.paginationjs.paginationjs-theme-gold .paginationjs-pages,
.paginationjs.paginationjs-theme-gold .paginationjs-size-changer,
.paginationjs.paginationjs-theme-gold .paginationjs-go-input,
.paginationjs.paginationjs-theme-gold .paginationjs-go-button{
    float:none !important;
    margin:0 !important;
}

.paginationjs.paginationjs-theme-gold .paginationjs-nav{
    width:100%;
    color:rgba(245,222,179,.92);
    font-size:.92rem;
    line-height:1.45;
    margin-bottom:.2rem !important;
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:.35rem;
    padding:0;
    margin:0;
    list-style:none;
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li{
    border:1px solid rgba(212,175,55,.45);
    border-radius:.65rem;
    overflow:hidden;
    background:rgba(255,255,255,.02);
    min-width:38px;
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li>a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    padding:0 .8rem;
    color:#d4af37;
    background:transparent;
    text-decoration:none;
    transition:all .2s ease;
    font-weight:600;
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li>a:hover{
    background:rgba(212,175,55,.12);
    color:#f5deb3;
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li.active{
    border-color:#b8860b;
    box-shadow:0 0 8px rgba(212,175,55,.28);
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li.active>a{
    background:linear-gradient(180deg,#f5deb3 0%,#d4af37 52%,#b8860b 100%);
    color:#1a1408;
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li.disabled{
    border-color:rgba(255,255,255,.14);
    background:rgba(255,255,255,.02);
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li.disabled>a{
    color:rgba(255,255,255,.5);
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li.disabled>a:hover{
    background:transparent;
    color:rgba(255,255,255,.5);
}

/* prev / next / first / last putih */
.paginationjs.paginationjs-theme-gold .paginationjs-pages li.paginationjs-next>a,
.paginationjs.paginationjs-theme-gold .paginationjs-pages li.paginationjs-prev>a,
.paginationjs.paginationjs-theme-gold .paginationjs-pages li.paginationjs-first>a,
.paginationjs.paginationjs-theme-gold .paginationjs-pages li.paginationjs-last>a{
    color:#f5f5f5;
}

.paginationjs.paginationjs-theme-gold .paginationjs-pages li.paginationjs-next>a:hover,
.paginationjs.paginationjs-theme-gold .paginationjs-pages li.paginationjs-prev>a:hover,
.paginationjs.paginationjs-theme-gold .paginationjs-pages li.paginationjs-first>a:hover,
.paginationjs.paginationjs-theme-gold .paginationjs-pages li.paginationjs-last>a:hover{
    color:#fff;
    background:rgba(212,175,55,.14);
}

.paginationjs.paginationjs-theme-gold .paginationjs-go-input>input[type=text],
.paginationjs.paginationjs-theme-gold .paginationjs-size-changer>select{
    height:38px;
    min-width:68px;
    padding:0 .75rem;
    border:1px solid rgba(212,175,55,.5);
    border-radius:.65rem;
    background:#16120d;
    color:#f3e7c4;
    outline:none;
    box-shadow:none;
}

.paginationjs.paginationjs-theme-gold .paginationjs-go-input>input[type=text]:focus,
.paginationjs.paginationjs-theme-gold .paginationjs-size-changer>select:focus{
    border-color:#d4af37;
    box-shadow:0 0 0 .15rem rgba(212,175,55,.18);
}

.paginationjs.paginationjs-theme-gold .paginationjs-go-button>input[type=button]{
    height:38px;
    padding:0 1rem;
    background:linear-gradient(180deg,#f5deb3 0%,#d4af37 52%,#b8860b 100%);
    border:1px solid #b8860b;
    border-radius:.65rem;
    color:#1a1408;
    font-weight:700;
    transition:all .2s ease;
}

.paginationjs.paginationjs-theme-gold .paginationjs-go-button>input[type=button]:hover{
    background:linear-gradient(180deg,#fff2c6 0%,#e0c15a 52%,#c89c1d 100%);
    color:#000;
}

/* responsive */
@media (max-width:768px){
    .paginationjs.paginationjs-theme-gold{
        gap:.55rem;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-nav{
        font-size:.86rem;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-pages li{
        min-width:36px;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-pages li>a{
        min-width:36px;
        height:36px;
        padding:0 .7rem;
        font-size:.92rem;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-go-input>input[type=text],
    .paginationjs.paginationjs-theme-gold .paginationjs-size-changer>select,
    .paginationjs.paginationjs-theme-gold .paginationjs-go-button>input[type=button]{
        height:36px;
        font-size:.92rem;
    }
}

@media (max-width:476px){
    .paginationjs.paginationjs-theme-gold{
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:.6rem;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-nav{
        width:100%;
        order:1;
        margin-bottom:0 !important;
        padding:0 .5rem;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-pages{
        width:100%;
        order:2;
        display:flex;
        justify-content:center;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-pages ul{
        width:100%;
        justify-content:center;
        gap:.3rem;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-size-changer,
    .paginationjs.paginationjs-theme-gold .paginationjs-go-input,
    .paginationjs.paginationjs-theme-gold .paginationjs-go-button{
        order:3;
        width:auto;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-pages li{
        min-width:34px;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-pages li>a{
        min-width:34px;
        height:34px;
        padding:0 .65rem;
        font-size:.88rem;
    }

    .paginationjs.paginationjs-theme-gold .paginationjs-go-input>input[type=text],
    .paginationjs.paginationjs-theme-gold .paginationjs-size-changer>select,
    .paginationjs.paginationjs-theme-gold .paginationjs-go-button>input[type=button]{
        height:34px;
        font-size:.88rem;
    }
}