.dto-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.dto-table {
    width: 100%;
}

.dto-table .multiline {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dto-table .multiline.open {
    display: block;
}

.dto-table .multiline + .expand {
    cursor: pointer;
}

.dto-table tr.removed td {
    background: rgba(0,0,0,.2);
    text-decoration: line-through;
    color: #888;
}

.dto-table tr.error td {
    background: rgba(255,82,82,.25);
}

.dto-table tr.new td {
    background: rgba(0,200,83,.25);
}

.dto-table tr.modified td {
    background: rgba(255,234,0,.25);
}

.dto-table td {
    min-width: 200px;
}

.dto-table td.empty-data {
    padding: 11px 10px !important;
    text-align: center !important;
}

.dto-table td.buttons {
    white-space: nowrap;
    text-align: right;
}

.dto-table tfoot td:not(:last-child) {
    padding-right: 0 !important;
}

.dto-table tfoot td:first-child {
    padding-left: 0 !important;
}

.dto-table tfoot td:last-child {
    text-align: right;
}

.dto-table tfoot textarea {
    resize: none;
}

.dto-table tfoot textarea:placeholder-shown {
    height: 34px;
}

.dto-table-input,
.dto-table-input + div .dto-table-form-submit {
    margin-top: 1em;
}

.dto-table-input.new-row {
    clear: left;
}

.dto-table.front-end tbody td {
    font-size: 1rem;
}

.dto-table.front-end td:last-child {
    text-align: right;
    min-width: 0;
}


.dto-table.front-end .button.text {
    font-size: 1.5em;
}

.dto-table.front-end td:last-child button:not(:last-child) {
    margin-right: 5px;
}

.dto-table.front-end tfoot td:last-child {
    vertical-align: middle !important;
}

.dto-table.front-end tfoot textarea:placeholder-shown {
    height: 37px;
}

@media screen and (max-width: 992px) {
    .dto-table td {
        min-width: 0;
    }
}