#builder-layout [page-name='VendasFormView']  div:not(.beditorcss).card-body.panel-body {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: rgb(51, 51, 51) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(51, 51, 51) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}




#builder-layout [page-name='VendasFormView'] td:not(.beditorcss).tdatagrid_cell {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #555555 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: -webkit-left !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: #dfe4ed !important;
    border-top-width: 1px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout [page-name='VendasFormView'] div:not(.beditorcss).table-responsive {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: #333333 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


#builder-layout [page-name='FaturamentoForm'] button.btn {
    width: 100% !important;
    margin-bottom: 5px !important;
}

[page-name='FaturamentoForm'] .btn.btn-default.btn-sm[onclick*="ttable_clone_previous_row"] {
    display: none !important;
}

@media (max-width: 767px) {

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist thead {
        display: none !important;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 12px;
        margin-bottom: 12px;
        background: #fff;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
        border: none !important;
        padding: 0 !important;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td::before {
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #555;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(1)::before {
        content: "Agente";
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(2)::before {
        content: "Parcela";
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(3)::before {
        content: "De";
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(4)::before {
        content: "Valor";
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(5)::before {
        content: "Vencimento";
    }

    /* vencimento em 100% */
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(5) {
        grid-column: 1 / -1;
    }

    /* esconder hidden */
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(6),
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(7) {
        display: none !important;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody input,
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody .form-control,
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody .tdate-group {
        width: 100% !important;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tbody td:nth-child(4) input {
        font-weight: 700;
        text-align: right !important;
    }

    /* rodapé / total */
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        border-top: 2px solid #ddd;
        padding-top: 10px;
        margin-top: 5px;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td {
        border: none !important;
        padding: 0 !important;
    }

    /* esconde td vazias do rodapé */
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(1),
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(2),
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(3),
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(5),
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(6),
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(7),
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(8) {
        display: none !important;
    }

    /* campo total ocupa a linha toda */
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(4) {
        display: flex !important;
        flex-direction: column;
        grid-column: 1 / -1;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(4)::before {
        content: "Total";
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 4px;
        color: #555;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(4) input {
        width: 100% !important;
        text-align: right !important;
        font-weight: 700 !important;
    }

    /* label TOTAL */
    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot {
        display: block !important;
        width: 100% !important;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot td:nth-child(5)::before {
        content: "Total:";
        font-weight: 700;
    }

    #builder-layout [page-name='FaturamentoForm'] .tfieldlist tfoot tr {
        padding: 0px !important;
    }
}