/* Table Styling */
#mc-table {
    width: 100%; /* Ensures the table spans the container */
    border-collapse: collapse; /* Removes spacing between table cells */
    font-size: 14px; /* Slightly smaller font for compactness */
    table-layout: auto; /* Ensures the table adjusts column widths based on content */
    overflow-wrap: break-word; /* Prevents long text from causing horizontal scrolling */
}

#mc-table thead tr {
    background-color: #cccccc; /* Pale grey background */
}

#mc-table thead tr th {
    color: #000; /* Black text */
    padding: 10px; /* Adds spacing inside the cells */
    text-align: left; /* Aligns text to the left */
    border-bottom: 2px solid #999; /* Adds a border below the header */
    font-weight: bold; /* Makes text bold */
}

#mc-table th, 
#mc-table td {
    padding: 8px; /* Reduces cell padding for a more compact look */
    text-align: left; /* Ensures text aligns to the left */
    border: 1px solid #ddd; /* Adds subtle borders */
    white-space: normal; /* Allows text to wrap within cells */
    word-wrap: break-word; /* Ensures long words break to fit the cell */
}

#mc-table td {
    font-size: 13px; /* Smaller font for body cells */
}

/* Bold the Lender Column */
#mc-table td:nth-child(1),
#mc-table th:nth-child(1) {
    font-weight: bold;
}

/* Provider Description Column */
#mc-table td:nth-child(2),
#mc-table th:nth-child(2) {
    max-width: 200px; /* Limit width of the Provider Description column */
    white-space: normal; /* Allows text wrapping */
    word-wrap: break-word; /* Breaks long words to fit */
}

/* Hover Effects for Better Readability */
#mc-table tr:hover {
    background-color: #f9f9f9; /* Highlights the row on hover */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    #mc-table {
        font-size: 12px; /* Smaller font size for smaller screens */
    }

    #mc-table th, 
    #mc-table td {
        padding: 6px; /* Further reduce padding on smaller screens */
    }

    #mc-table td:nth-child(2), 
    #mc-table th:nth-child(2) {
        max-width: 150px; /* Further limit width of Provider Description */
    }
}

/* Tools Styling */
#mc-tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; /* Adds spacing below the tools */
    background-color: #cccccc; /* Pale grey background */
    padding: 20px; /* Adds padding inside the div */
    border-radius: 8px; /* Rounds the corners for a smoother look */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

#mc-tools-left {
    display: flex;
    align-items: center;
    gap: 15px; /* Adds space between the search and loan amount inputs */
}

#mc-tools-left label {
    margin-right: 5px; /* Adds a small gap between labels and inputs */
}

#mc-tools-right button {
    padding: 10px 15px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

#mc-tools-right button:hover {
    background-color: #005d8c;
}
#mc-table td:nth-child(1),
#mc-table th:nth-child(1) {
    font-weight: bold;
}