.tabsContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  padding-left: 25px;

  .tab {
    min-width: 156px;
    height: 31px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #D2D2D2;
    box-shadow: 0 0 26.6px #4444451A;
    z-index: 1;
    cursor: pointer;
    transition: all ease 100ms;
    position: relative;

    &:hover {
      background-color: #bbbbbb;

      &::before, &::after {
        transition: all ease 100ms;
        background-color: #bbbbbb; /* Cambia este color según lo que necesites */
      }
    }

    & > p {
      font-size: 13.4px;
      font-weight: 700;
      color: #444445;
      position: relative;
      z-index: 2;
    }

    &::before, &::after {
      content: "";
      position: absolute;
      width: 9px;
      height: 16px;
      background-color: #D2D2D2; /* Cambia este color según lo que necesites */
      box-shadow: 0 0 26.6px #4444451A;
      bottom: 0;
      z-index: 2;
    
      -webkit-mask-size: cover;
      mask-size: cover;
    }
    
    &::before {
      transform: rotateY(180deg);
    }

    &::before {
      left: -8.5px;
    }

    &::after {
      right: -8.5px;
    }
  }

  .tab_selected {
    @extend .tab;
    background-color: #fff;

    &:hover {
      background-color: #e7e7e7;
      &:before, &::after {
        background-color: #e7e7e7;
        
      }
    }

    &::before, &::after {
      background-color: #fff;
      
    }
  }
}


.tableWrapper {
  // width: 100%;
  display: flex;
  flex-direction: column;
  padding: 12.8px;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: 0 0 26.6px #4444451A;
  position: relative;
  z-index: 2;
  

  .tablecontainer {
    border: 1px solid #444445;
    overflow-y: auto;
    border-radius: 6.66px;

    scrollbar-width: none;

    &::-webkit-scrollbar{
      display: none;
    }
  
    .table {
      width: 100%;
      overflow: hidden;
    
    
      .cells {
        padding: 0;
        // border: 1px solid #444445;
        border-radius: 0;
      
        .cellInner {
          // width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          box-sizing: border-box;
          padding: 6px 10px;
          min-width: 90px;

          & > b {
            white-space: nowrap;
          }
        }
      }
    }
  }
}