.table {
    min-width: 600px;
    overflow: auto;
    border-radius: 12px;
    padding: 20px;
    background: var(--background);
    filter: brightness(97%);
    font-size: 14px;
    table {
        width: 100%;

    }
    th {
        font-size: 14px;
        font-weight: normal;
        white-space: nowrap;
        max-width: 400px;
        text-align: left;
        padding: 8px 16px;
        background: var(--background);
        filter: brightness(90%);
        &.is-sort {
           font-weight: 700;
        }
    }

    td {
        font-weight: normal;
        white-space: nowrap;
        max-width: 400px;
        height: 48px;
        padding: 4px 16px;

        overflow: hidden;


        //img{
        //    width: 48px;
        //}

        .status{
            color:var(--accent);
            font-size: 80%;
        }
        .row-name{
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .title-td-contents{
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 14px;
            line-height: 14px;
        }
    }
    tr {
        background: var(--background);
        &:has(input:checked){
            filter: brightness(90%);
        }
        &:hover {
            box-shadow: inset 0em 0em 0em 10em rgba(0, 0, 0, 0.1);
        }
    }

    tr:nth-child(odd) {
        //background-color: #f9f9f9;
    }

    td:nth-child(odd) {
        // border-left: 1px solid #e4e4e4;
        // border-right: 1px solid #e4e4e4;
    }
    th:nth-child(odd) {

    }

    .field-ui-number {
        text-align: right;
    }
}