.statistics-box {
    padding: 20px;
    background: #388b81;
    display: inline-block;
    border: 1px solid green;
    border-radius: 10px;
    margin: 20px;
    color: #FFF;
}

#ordersChart {
    max-height: 400px;
    width: 100%;
}

.footer-container {
    padding:30px;
    margin: 0 auto;
    text-align: center;
}

/* ===== DataTables: simplified pagination on mobile ===== */
@media (max-width: 767px) {
    /* Stack the controls vertically and center them */
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none !important;
        text-align: center !important;
        width: 100%;
        margin-top: 8px;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 4px;
    }

    .dataTables_wrapper .dataTables_filter label,
    .dataTables_wrapper .dataTables_length label {
        display: block;
        width: 100%;
    }

    /* Pagination: keep only Prev, Next, and the currently active page */
    .dataTables_wrapper .dataTables_paginate .pagination {
        justify-content: center;
        flex-wrap: nowrap;
        margin: 0 auto;
    }

    /* Hide all numeric page items except the active one */
    .dataTables_wrapper .dataTables_paginate .paginate_button.page-item:not(.previous):not(.next):not(.active),
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.page-item:not(.previous):not(.next) {
        display: none !important;
    }

    /* Fallback for non-bootstrap DataTables markup (anchor based) */
    .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next):not(.current):not(.first):not(.last) {
        display: none !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.first,
    .dataTables_wrapper .dataTables_paginate .paginate_button.last,
    .dataTables_wrapper .dataTables_paginate .ellipsis {
        display: none !important;
    }

    /* Make sure the active page indicator stays visible & readable */
    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
        display: inline-block;
    }
}