.boxGraph-container {
  & .table__calculos {
    & .opc-table-360 {
      max-width: 350px;
      & table {
        & tr {
          & td, & th {
            font-size: var(--font-size-small-S360);
            &:not(:first-child) {
              width: 100px;
              min-width: 40px;
            }
            &:first-child {
              position: sticky;
              left: 0;
              z-index: 9;
              background-color: inherit;
            }
          }
        }
      }
    }
  }
  & .tableLoaded {
    border: none;
  }
  & .table__calculos {
    height: 100%;
    width: 100%;
    & .opc-table-360 {
      height: -webkit-fill-available;
      border: 1px solid var(--color-border-S360);
      border-radius: 0 0 var(--border-radius-S360) var(--border-radius-S360);
      scroll-behavior: smooth;
    }
    
    & table {
      height: 100%;
      user-select: none;
      & thead {
        & tr {
          & th {
            border:  none;
          }
          &:nth-child(1) {
            background-color: var(--color-suite-tertiary-S360);
            & th {
              border: none;
              border-bottom: 0.5px solid var(--color-border-secundary-S360);
            }
          }
        }
      }
      & tbody {
        height: calc(100% - 60px);
        & tr {
          & td {
            padding: 0 5px;
            height: auto;
            color: var(--color-border-S360);
            border-bottom: 0.5px solid var(--color-border-secundary-S360);
            &:first-child {
              font-weight: var(--font-weight-large-S360);
            }
          }
          &:last-child {
            & td {
              border-bottom: none;
            }
          }
        }
      }
    }
  }
}


.opc-table-360 {
  &::-webkit-scrollbar {
    height: 5px;
    width: 5px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background-color: #999 !important;
  }
  &::-webkit-scrollbar-track {
    margin-left: 80px;
  }
}
.chart-container {
  .swalOPC {
    position: absolute;
    & .swalOPC-dialog-centered::before {
      height: auto;
    }
    & .swalOPC-content {
      & .swalOPC-header {
        display: none;
      }
      & .swalOPC-body {
        max-width: 350px;
        & .table__calculos__title {
          background-color: var(--suite-primary-S360);
          font-size: 11px;
          font-weight: var(--font-weight-large-S360);
          width: 100%;
          /* padding: 4px; */
          border-radius: var(--border-radius-S360) var(--border-radius-S360) 0 0;
        }
      }
    }
  }
}

.swalOPC-content {
  max-width: 100%;
}

/* Media querie para vistas en Mobile */
@media (max-width: 480px) {
  .table__calculos {
    .opc-table-360 {
      & table {
        & tbody {
          & tr {
            height: 10px;
            & td, & th {
              height: 15px;
            }
          }
        }
      }
    }
  }
}

/* Media querie para vistas en tablet */
@media (min-width: 480px) and (max-width: 1023px) {
  .table__calculos {
    .opc-table-360 {
      & table {
        & tbody {
          & tr {
            height: 10px;
            & td, & th {
              height: 20px;
            }
          }
        }
      }
    }
  }
}


/* Media querie para vista en computador*/
@media (min-width: 1024px) {
  .table__calculos {
    .opc-table-360 {
      & table {
        & tbody {
          & tr {
            height: 15px;
            & td, & th {
              height: 15px;
            }
          }
        }
      }
    }
  }
}