table {
    thead {
        margin-bottom: var(--pico-spacing);
        tr {
            th {
                padding: var(--pico-spacing) var(--pico-spacing);
                background-color: var(--portailpro-table-background);
                color: var(--portailpro-table-foreground);
            }
        }
    }

    tbody {
        td {
            padding: calc(var(--pico-spacing) * 2) var(--pico-spacing);
        }

        tr:hover {
            td {
                background-color: var(--portailpro-table-background);
            }
        }
    }

    th, td {
        border: none;

        &:first-of-type {
            border-top-left-radius: var(--pico-border-radius);
            border-bottom-left-radius: var(--pico-border-radius);
        }

        &:last-of-type {
            border-top-right-radius: var(--pico-border-radius);
            border-bottom-right-radius: var(--pico-border-radius);
            &.action-buttons {
                white-space: nowrap;

                a {
                    padding: 0 0.3rem;
                }
            }
        }
    }

    a {
        text-decoration: none;
    }

    .enable-disable, .yes-no {
        padding: var(--pico-spacing);
        border-radius: var(--pico-border-radius);
        font-style: normal;
        min-width: calc(var(--pico-font-size) * 4);
        display: inline-block;
        text-align: center;
        height: auto;

        &.icon-enable, &.icon-yes {
            color: var(--portailpro-active-color);
            background: var(--portailpro-active-background);
        }

        &.icon-disable, &.icon-no {
            color: var(--portailpro-inactive-color);
            background: var(--portailpro-inactive-background);
        }
    }
}