@media only screen and (max-width: 800px) {
    table.inail-mat-table.tabella.tabella-verticale tbody td:not(.mat-column-expandedDetail) {
        border: none;
        position: relative !important;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left !important;
    }


    @media screen and (max-width: 767px) {

        .table-responsive>.inail-mat-table thead tr th,
        .table-responsive>.inail-mat-table tbody tr th,
        .table-responsive>.inail-mat-table tfoot tr th,
        .table-responsive>.inail-mat-table thead tr td,
        .table-responsive>.inail-mat-table tbody tr td,
        .table-responsive>.inail-mat-table tfoot tr td {
            white-space: nowrap !important;
        }
    }
}

@media only screen and (max-width: 800px) {
    table.inail-mat-table.tabella-verticale tbody tr {
        height: auto !important;
    }
}

.tabella.tabella-verticale td::before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    vertical-align: middle !important;
    color: #002e5f !important;
  }