#divListaDatos {
  /*margin-top: 2rem;*/

  .table {
    width: 100%;

    tbody tr {
      td {
        /* line-break: normal; */
        word-break: break-all;

        span {
          text-transform: lowercase;
          display: inline-block;

          &::first-letter {
            text-transform: uppercase;
          }

          &:last-child::first-letter {
            text-transform: none;
          }
        }
          label.btnHandEnter {
          font-size: 1.3rem;
          color: #2997DA;
          &:hover {
            cursor: pointer;
            color: #16C15A;
            }
        }
      }
    }
  }
}

.subtitleSummary-1,
.subtitleSummary-one {
  color: var(--ColorTextoGeneralContenidos);
  font-size: 14px;
}

.subtitleSummary-2,
.subtitleSummary-two {
  color: var(--ColorLineTitles);
  font-size: 14px;
}


/* Table-Data*/
/* ============================ */
@media (max-width: 800px) {
  .table {

    /* &.overFlowX {
      display: inline;

      tbody {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
      }

      tr {
        flex: 0 0 auto;
      }
    } */

    thead {
      display: none;
    }

    tr {
      margin-bottom: 8px;
      border-bottom: 4px solid #ddd;
      display: block;

      &.totals {
        display: flex;
      }

      td {
        display: block;
        padding-left: 1.5rem;

        &::before {
          content: attr(data-label);
          font-weight: bold;
          margin-right: 10px;
          /* width: 90px; */
        }

        &.subtitleSummary-one {
          padding-left: 0;
        }

        &.hideColspan {
          display: none;
        }
      }

      &.subtitleSummary {
        display: flex;
        justify-content: space-between;

        &.block {
          display: block;
          text-align: center;
        }
      }
    }
  }
}

@media (min-width: 801px) {
  .table {
    &>thead:not(caption)>*>* {
      background-color: var(--ColorHeaderTablas)
    }

    tr {
      th {
        padding: 0.5rem 0.2rem;

        &.colRight {
          text-align: right;
        }
      }

      &.subtitleSummary {

        .subtitleSummary-1,
        .subtitleSummary-2 {
          display: flex;
          font-size: 16px;
          padding: 30px 5px 10px;
        }

        .subtitleSummary-one,
        .subtitleSummary-two {
          font-size: 12px;
          padding: 30px 5px 10px;
          font-weight: bold;
        }

        .subtitleSummary-one {
          &.right {
            text-align: right;
          }

        }

        .subtitleSummary-2 {
          justify-content: right;
        }
      }

      td {
        padding: 0.5rem 0.1rem;

        &.colRight {
          text-align: right;
        }

        span.overflow {
          width: 9.7rem;
          white-space: nowrap;
          overflow: hidden;
        }

        label.btnHandSubmit {
          padding: 4px 0;
          min-width: 3.45rem;
          display: block;
        }
      }
    }

    &.tcollect {
        thead{
            tr{
                th{
                    background:#eafcd6;
                }
            }
        }
      tr {
        td {
          max-width: 9.6rem;
        }
      }
    }
  }
}

@media (min-width: 1114px) {
  .table {
    tr {
      td {
        max-width: 9.6rem;
      }
    }
  }
}