/* buat pagination */
.box-page {
    justify-content: center;
    display: flex;
    padding-left: 0;
    list-style: none;
 }
 
.box-page li{
    margin:0 10px 0 0 !important;   
}

.box-page li a{
    justify-content: center;
    align-items: center;
    padding: 8px 10px !important;
    background: #FFFFFF;
    border: 1.5px solid #D8DCDF !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    color: #0F1418;
}

.box-page li.active a{
    background: #C82820 !important;
    color: #FFF !important;
    border: 1.5px solid #C82820 !important;
}

.box-page li.in-active a{
    background: #F4F5F6 !important;
    color: rgba(15, 20, 24, 0.3) !important;
    cursor: alias !important;
}

@media (max-width: 767.98px) {
    .box-page li{
        margin:0px 5px 0 0 !important;   
    }
}