/* Table Layout */
.RepaymentCalculatorTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-top: 1rem;
}

/* Table Headers */
.RepaymentCalculatorTH {
    padding: 10px 12px;
    text-align: left;
    background-color: #f5f5f5;
    border-bottom: 2px solid #ddd;
    font-weight: bold;
    color: #333;
}

/* Specific Header Widths */
.RepaymentCalculatorPeriodTH { width: 19%; }
.RepaymentCalculatorAmountTH { width: 17%; }
.RepaymentCalculatorRateTH   { width: 17%; }
.RepaymentCalculatorPaymentTH{ width: 17%; }
.RepaymentCalculatorTotalTH  { width: 20%; }

/* Table Data Cells */b
.RepaymentCalculatorTD {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    color: #444;
    vertical-align: top;
}

/* Optional: Zebra striping */
.RepaymentCalculatorTable tr:nth-child(even) .RepaymentCalculatorTD {
    background-color: #fafafa;
}

/* Optional: Hover effect */
.RepaymentCalculatorTable tr:hover .RepaymentCalculatorTD {
    background-color: #f0f8ff;
}

/* Column-specific data cells (for future enhancements or alignment) */
.RepaymentCalculatorPeriodTD  { text-align: left; }
.RepaymentCalculatorAmountTD  { text-align: right; }
.RepaymentCalculatorRateTD    { text-align: right; }
.RepaymentCalculatorPaymentTD { text-align: right; }
.RepaymentCalculatorTotalTD   { text-align: right; }

/* Fix for DNN validation messages forcing inline display */
span.dnnFormMessage[style*="inline"] {
    display: block !important;
    margin-top: 5px;
    color: #c00;
    font-size: 13px;
}