.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 - BLUE GOLD THEME
========================= */

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

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

.paginationjs.paginationjs-theme-bluegold .paginationjs-nav{
    width:100%;
    color:rgba(237,243,255,.88);
    font-size:.92rem;
    line-height:1.45;
    margin-bottom:.2rem !important;
}

/* pages */
.paginationjs.paginationjs-theme-bluegold .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-bluegold .paginationjs-pages li{
    border:1px solid rgba(215,157,66,.18);
    border-radius:.65rem;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(19,61,158,.92) 0%, rgba(16,59,159,.88) 100%);
    min-width:38px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

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

.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li > a:hover{
    background:rgba(255,255,255,.05);
    color:#fff;
}

/* active: tetap biru, gold jadi highlight */
.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li.active{
    border-color:rgba(215,157,66,.45);
    box-shadow:
        0 0 0 1px rgba(215,157,66,.18),
        0 0 10px rgba(215,157,66,.10);
}

.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li.active > a{
    background:linear-gradient(180deg, #1848b8 0%, #103b9f 100%);
    color:#fff4df;
    position:relative;
}

.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li.active > a::after{
    content:"";
    position:absolute;
    left:12%;
    bottom:0;
    width:76%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, transparent 0%, #d79d42 18%, #f0c46a 50%, #d79d42 82%, transparent 100%);
}

/* disabled */
.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li.disabled{
    border-color:rgba(255,255,255,.08);
    background:rgba(255,255,255,.02);
}

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

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

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

.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li.paginationjs-next > a:hover,
.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li.paginationjs-prev > a:hover,
.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li.paginationjs-first > a:hover,
.paginationjs.paginationjs-theme-bluegold .paginationjs-pages li.paginationjs-last > a:hover{
    color:#fff;
    background:rgba(255,255,255,.06);
}

/* input / select */
.paginationjs.paginationjs-theme-bluegold .paginationjs-go-input > input[type=text],
.paginationjs.paginationjs-theme-bluegold .paginationjs-size-changer > select{
    height:38px;
    min-width:68px;
    padding:0 .75rem;
    border:1px solid rgba(215,157,66,.18);
    border-radius:.65rem;
    background:linear-gradient(180deg, #143b95 0%, #0f2f7a 100%);
    color:#edf3ff;
    outline:none;
    box-shadow:none;
}

.paginationjs.paginationjs-theme-bluegold .paginationjs-go-input > input[type=text]:focus,
.paginationjs.paginationjs-theme-bluegold .paginationjs-size-changer > select:focus{
    background:#222222;
    border-color:rgba(215,157,66,.38);
    box-shadow:0 0 0 .15rem rgba(215,157,66,.10);
}

/* button */
.paginationjs.paginationjs-theme-bluegold .paginationjs-go-button > input[type=button]{
    height:38px;
    padding:0 1rem;
    background:linear-gradient(180deg, #1848b8 0%, #103b9f 100%);
    border:1px solid rgba(215,157,66,.26);
    border-radius:.65rem;
    color:#fff4df;
    font-weight:700;
    transition:all .2s ease;
    box-shadow: inset 0 -2px 0 rgba(215,157,66,.28);
}

.paginationjs.paginationjs-theme-bluegold .paginationjs-go-button > input[type=button]:hover{
    background:linear-gradient(180deg, #1b4fc8 0%, #1243b3 100%);
    color:#fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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