﻿.fspsTableStyle04 {
    --main-bg-color: #009879; /* Green */
    --font-weight: bold;
    --label-align: right;
    --table-head-font-color: #FFFFFF;
    --table-font-size: 0.9em;
    --table-cell-padding: 12px 15px;
    --table-row-border-bottom: 1px solid #dddddd;
    --table-row-alternate-bg-color: #f3f3f3;
    --table-border-radius: 5px 5px 0 0;
    --table-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

table.fspsTableStyle04 {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: var(--table-font-size);
    min-width: 400px;
    border-radius: var(--table-border-radius);
    overflow: hidden;
    box-shadow: var(--table-box-shadow);
}

    table.fspsTableStyle04 thead tr {
        background-color: var(--main-bg-color, #009879);
        color: var(--table-head-font-color);
        text-align: left;
        font-weight: var(--font-weight);
    }

    table.fspsTableStyle04 th,
    table.fspsTableStyle04 td {
        padding: var(--table-cell-padding);
    }

    table.fspsTableStyle04 tbody tr {
        border-bottom: var(--table-row-border-bottom);
    }

        table.fspsTableStyle04 tbody tr:nth-of-type(even) {
            background-color: var(--table-row-alternate-bg-color);
        }

        table.fspsTableStyle04 tbody tr:last-of-type {
            border-bottom: 2px solid var(--main-bg-color, #009879);
        }

        table.fspsTableStyle04 tbody tr.active-row {
            font-weight: var(--font-weight);
            color: var(--main-bg-color, #009879);
        }

    table.fspsTableStyle04 td:first-of-type {
        text-align: var(--label-align);
        font-weight: var(--font-weight);
    }
