.lx-table {
    overflow: auto;
    background-color: #f9f9f9;
    table {
        width: 100%;

    }
    th {
        font-size: 15px;
        font-weight: normal;
        white-space: nowrap;
        max-width: 400px;
        // height: 34px;
        padding: 8px 16px;
        // border-bottom: 1px solid #ccc;
        background: #eee;
        &.is-sort {
            background-color: rgba($primary, 0.1);
        }
    }

    td {
        font-size: 15px;
        font-weight: normal;
        white-space: nowrap;
        max-width: 400px;
        height: 48px;
        padding: 4px 16px;
        overflow: hidden;
        &.is-sort {
            background-color: rgba($primary, 0.1);
        }
    }
    tr {
        background-color: #fff;
        &: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) {
        border-left: 1px solid #e4e4e4;
        border-right: 1px solid #e4e4e4;
    }

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