.table-responsive {
                overflow-x: auto;
                /* Enable horizontal scrolling */
                -webkit-overflow-scrolling: touch;
                /* Smooth scrolling on touch devices */
            }

            /* Basic table styling */
            .reports-table {
                width: 100%;
                border-collapse: collapse;
                margin: 20px 0;
                font-size: 1em;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            }

            .reports-table th,
            .reports-table td {
                padding: 12px 15px;
                text-align: left;
                border: 1px solid #ddd;
            }

            .reports-table th.action,
            .reports-table th.inspected_coin_sheldon_grade {
                width: 150px !important;
            }

            .reports-table th.inspected_coin_sheldon_grade {
                width: 50px !important;
            }



            /* Responsive styling */
            @media (max-width: 768px) {

                .reports-table,
                .reports-table thead,
                .reports-table tbody,
                .reports-table th,
                .reports-table td,
                .reports-table tr {
                    display: block;
                }

                .reports-table thead tr {
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
                }

                .reports-table tr {
                    margin-bottom: 15px;
                    border-bottom: 1px solid #ddd;
                }

                .reports-table td {
                    padding-left: 50%;
                    position: relative;
                    text-align: left;
                }

                .reports-table td:before {
                    content: attr(data-label);
                    position: absolute;
                    left: 0;
                    width: 45%;
                    padding-left: 15px;
                    font-weight: bold;
                    white-space: nowrap;
                }

            }

            .pay-now {
                background: black;
                color: white;
                padding: 10px 20px;
                cursor: pointer;
                border: none;
            }

            .view-report {
                color: white !important;
                background: green !important;
                padding: 9px 9px !important;
                border: none;
            }
            .reports-table tr td a{
                color: white !important;
                background: green !important;
                padding: 9px 30px !important;
                border: none;
            }
            .reports-table .action{
              text-align:center;
            }
            
            .zip-message {
    margin-top: 15px;
    padding: 10px 15px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: inline-block;
    max-width: 400px;
}

.zip-message.success {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    margin-top:25px;
}

.zip-message.error {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}

.zip-message::before {
    content: "ℹ️ ";
    font-weight: bold;
    margin-right: 5px;
}

.zip-message.success::before {
    content: "✔️ Success: ";
}

.zip-message.error::before {
    content: "❌ Error: ";
}
.zip-submit{
display: block;
    margin: auto;
    margin-top: 30px;
}