
#ContainerTablePI{
  max-height: 100%;

  &::-webkit-scrollbar-track {
    background-color: var(--background-scroll);
    margin-left: 940px;
    margin-right: 140px;
    border-radius: 30px;
  }

  table {
    thead {
      position: sticky;
      top: 32px;
      z-index: 5;
    }
    .headPrincipal {
      th {
        &:nth-child(2) {
          width: 128px;
        }
        &:nth-child(3) {
          width: 663px;
        }
      }
    }
    .frozen-column {
      &:nth-child(3) {
          left: 278px;
      }
      &.columnCodigo{
        left: 150px;
      }
      &.columnPI{
        left: 278px;
      }
    }
    .frozenT {
      &.frozenTSeis {
        right: 70px;
      }
    }
    .TableFotter {
      & td {
        &.frozenTCuatro {
            right: 340px;
        }
      }
    }
  }
}

@media screen  and (max-width: 1555px) {
  #ContainerTablePI {
    & table {
        & .frozen-column {
            &:nth-child(3) {
              width: 418px !important; /* Ajusta el ancho de la celda */
              white-space: nowrap !important; /* Impide que el texto se ajuste a varias líneas */
              overflow: hidden !important; /* Oculta el texto que se desborda */
              text-overflow: ellipsis !important; /* Muestra los puntos suspensivos (...) */
            }
        }
    }
    &::-webkit-scrollbar-track {
      margin-left: 700px;
    }
  }
}

@media screen  and (max-width: 1309px) {
  #ContainerTablePI {
    & table {
        & .frozen-column {
            &:nth-child(3) {
              width: 218px !important; /* Ajusta el ancho de la celda */
            }
        }
    }
  }
}

@media screen  and (max-width: 1555px) {
  .content3 .ContainerTableTraking {
    & table {
        & .frozen-column {
          &:nth-child(2) {
                width: 287px !important;
                white-space: nowrap !important; /* Impide que el texto se ajuste a varias líneas */
                overflow: hidden !important; /* Oculta el texto que se desborda */
                text-overflow: ellipsis !important; /* Muestra los puntos suspensivos (...) */
            }
            &:nth-child(3) {
                left: 438px;
            }
          }
        }
      &::-webkit-scrollbar-track {
        margin-left: 505px;
      }
    }
}

