/* style pagination */
.wrapper-page-number, .wrapper-data-number {
    text-align: end;
    margin-top: 10px;
}

.paginate-button , .myClass, .myDisableClass  {
    padding: 5px 10px;
    border: 1px solid #ddd;
    margin: 0 2px;
}

.myClass {
    font-size: 15px;
    cursor: pointer;
}

.myClass.active {
    background-color: #34a400;
    border: 1px solid #34a400;
    font-weight: bolder;
    color: black;
}

.myClass.active:hover {
    background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}

.prev, .next {
    cursor: pointer;
}

.myDisableClass {
    cursor: not-allowed;
    color: #e0e0e0;
}

.pesan-data-kosong {
    text-align: center;
    font-size: 14pt;
    font-weight: bolder;
    color: #C62828;
}

.mySlides {
    display: none;
}

.mySlides:first-child {
    display: block;
}