/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 #multiColumnTable {
  border-collapse: collapse;
  width: 100%;
}

#multiColumnTable caption {
  caption-side: top;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

#multiColumnTable th,
#multiColumnTable td {
  border: 1px solid #000;
  padding: 8px;
}

/* Style for alternating row colors */
#multiColumnTable tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

#multiColumnTable tbody tr:hover {
  background-color: #ddd;
}

/*Table*/
.table-container {
    overflow-x: auto;
}

.ced_shipping_table_cost {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.ced_shipping_table_cost th,
.ced_shipping_table_cost td {
    padding: 8px;
    border: 1px solid #dddddd;
    text-align: left;
}

/* Media query for smaller screens */
@media only screen and (max-width: 600px) {
    .ced_shipping_table_cost th,
    .ced_shipping_table_cost td {
        padding: 6px;
        font-size: 0.9em;
    }
}