.table {
    min-width: 600px;
    overflow: auto;
    background: var(--p20);
    padding: 1px;
    font-size: 14px;
    border-radius: 12px;
    table {
        background: var(--p20);
        width: 100%;
        border-collapse:separate;
        border: none;
        border-spacing: 0;
    }
    thead{
        border-radius: 12px;
        tr{
            border-radius: 12px;
        }

    }

    th {
        font-size: 14px;
        font-weight: normal;
        white-space: nowrap;
        max-width: 400px;
        border: none;
        background: var(--p20);
        text-align: left;
        padding: 8px 16px;

        &.is-sort {
           font-weight: 700;
        }
        &:first-child{
            border-radius: 12px 0 0 0 ;
        }
        &:last-child{
            border-radius: 0  12px 0  0;
        }
    }

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


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

        .status{
            color:var(--text);
            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;
        }
    }
    tbody{
        tr {
            border-radius: 12px;
            background: var(--p10);
            border: none;
            &:has(input:checked){
                background: var(--p30);
            }
            &:hover{
                background: var(--p20);
            }
        }
    }


    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;
    }
}