/* General table styling */
table.modern-table {
    width: 100%; /* Full-width table */
    border-collapse: collapse; /* Remove double borders */
    margin: 20px 0; /* Add some space above and below */
    font-size: 16px; /* Adjust text size */
    text-align: left; /* Align text to the left */
}

/* Table header styling */
table.modern-table th {
    background-color: #eee; /* Light gray background */
    color: #000; /* Dark text color */
    font-weight: bold; /* Bold text */
    padding: 12px; /* Padding inside cells */
    border: 1px solid #ddd; /* Light border */
}

/* Table body rows */
table.modern-table tbody tr {
    border: 1px solid #ddd; /* Border between rows */
}



/* Row hover effect */
table.modern-table tbody tr:hover {
    background-color: #f1f1f1; /* Highlight row on hover */
}

/* Table cells */
table.modern-table td {
    padding: 12px; /* Padding inside cells */
	background-color: #fff;
    border: 1px solid #ddd; /* Cell border */
    color: #222; /* Text color */
}

/* Center align numeric columns (optional) */
table.modern-table td.numeric {
    text-align: right; /* Align numbers to the right */
}

/* Caption styling (optional) */
table.modern-table caption {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

table.professional-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 14px;
    color: #2c3e50;
}

/* Header */
table.professional-table thead th {
    background-color: #f4f6f8;
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid #dcdfe3;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #34495e;
}

/* Body rows */
table.professional-table tbody tr {
    border-bottom: 1px solid #e6e9ed;
}

/* Zebra striping */
table.professional-table tbody tr:nth-child(even) {
    background-color: #fafbfc;
}

/* Cells */
table.professional-table td {
    padding: 6px 10px;
    vertical-align: middle;
	color: #222; 
}

/* Hover effect (subtle) */
table.professional-table tbody tr:hover {
    background-color: #eef3f7;
}

/* Compact mode */
table.professional-table.compact {
    font-size: 13px;
}

table.professional-table.compact th,
table.professional-table.compact td {
    padding: 4px 8px;
}

table.layout-table {
    background-color:#fff !important;border-collapse:collapse;width:100%; padding: 6px 8px;
}

table.layout-table td {
    padding: 8px; /* Padding inside cells */
	background-color: #fff;
    color: #222; /* Text color */
}