/* Target tables whose IDs start with "jsonDataTable" */
table[id^="jsonDataTable"] {
    width: 100%; /* Adjust width as needed */
    border-collapse: collapse;
    border: 1px solid #000; /* Add border */
}
#jsonDataTable {
    font-size: 12px;
}
#jsonDataTable_length {
	width: 20%;
	margin: 15px 0;
}
#jsonDataTable_length > label {
	display: inline-flex;
}
#jsonDataTable_length > label > select {
	margin: 0px 5px;
}
#jsonDataTable_filter {
    margin: 15px 0;
}
#party-bill-payment-go {
    background-color: #8DC945;
    height: 34px;
    text-align: center;
    padding: 0 16px;
    margin: 0 0 0 15px;
}
#party-bill-payment-reset{
	height: 34px;
    text-align: center;
    padding: 0 10px;
    margin: 0 0 0 15px;
}

/* Style table headers */
table[id^="jsonDataTable"] th {
    background-color: #215a99; /* Header background color */
    color: white; /* Header text color */
    padding: 8px; /* Adjust padding as needed */
    border: 1px solid #000; /* Add border */
}

/* Style table cells */
table[id^="jsonDataTable"] td {
    padding: 8px; /* Adjust padding as needed */
    border: 1px solid #000; /* Add border */
}

/* Apply stripe effect to table rows */
table[id^="jsonDataTable"] tr:nth-child(even) {
    background-color: #ffffff; /* Alternate row background color */
}

/* Apply stripe effect to table rows */
table[id^="jsonDataTable"] tr:nth-child(odd) {
    background-color: #e6e6e6; /* Alternate row background color */
}

/* Hide table footers */
table[id^="jsonDataTable"] tfoot {
    display: none;
}

/* Responsive design */
@media only screen and (max-width: 768px) {
    /* Adjust padding for better readability on small screens */
    table[id^="jsonDataTable"] th,
    table[id^="jsonDataTable"] td {
        padding: 6px;
    }
}

/* Responsive design for smaller screens */
@media only screen and (max-width: 576px) {
    table[id^="jsonDataTable"] th,
    table[id^="jsonDataTable"] td {
        font-size: 12px; /* Decrease font size for better fit on small screens */
    }
}