:root{
  --color-td-Table: #828282;
  --color-first-head:  #dbdbdb;
  --background-headModal: #d3a32b;
  --color-textHeadModal:black;
}
&[data-theme='light'] {
  --color-td-Table: #828282;
  --color-first-head:  #dbdbdb;
  --background-headModal: #d3a32b;
  --color-textHeadModal: black ;

}
&[data-theme='dark'] {
  --color-td-Table: var(--color-text-S360);
  --color-first-head: #494949;
  --background-headModal:#1f1f1f;
  --color-textHeadModal: #d1a33c ;
}

.headerModalSecondTable {
  position: relative;
  width: 100%;
  color: var(--color-text-S360);

  & span {
    position: absolute;

    &:first-child {
      left: 0;
    }
    &:last-child {
      right: 0;
    }
  }

  .ajustTop {
    top: -12px;
  }

  .tituloHeaderModal {
    font-size: 13px;
  }
}

& #containerSecondsTable {

  & .borderGraph{
  border: 1px solid var(--color-border-S360);
  border-radius: var( --border-radius-S360);
  }

  & #divDotGraph {
    margin-right: 7px;
  }

  & .container_check_Grafica{
    & span {
      color: var(--color-text-S360);
      cursor: pointer;
    }
  }

}

#containerTableCalculos {
  & table {
      table-layout: fixed;
      border-spacing: 0;
      border-collapse: separate;
      border: 0.5px solid #ccc;
    & th {
      background-color:  var(--background-headModal);
      color:  var(--color-text-S360);
      font-size: var(--font-size-normal-S360);
      text-align: center;
    }

    & thead {
      & tr {
        & th:first-child{
          color: var(--color-textHeadModal);
        }
      }
    }

    & tbody {
      & .tdVariable{
        font-weight: bold;
      }

      & tr:first-child {
        background-color: var(--color-first-head);
        font-weight: bold;
        & td {
          color:  var(--color-text-S360);
        }
      }
    }

    & td {
      font-size: var(--font-size-normal-S360);
      color: #828282;
    }

    & td, & th {
      border-bottom: 0.5px solid #ccc;
      padding: 2px;
      text-align: center;
      color: var(--color-td-Table);
    }

    & th:first-child {
      border-bottom: none;
    }

    &.estadistica{
      min-width: 200px !important;
    }
  }

  &.tableParametros{
    max-height: 400px;
    overflow-y: auto;
    padding-right: 2px;

    table {
      thead tr{
        position: sticky;
        top: 0;
      }

      tbody tr:first-child{
        position: sticky;
        top: 18px;
      }
    }

    &::-webkit-scrollbar {
      height: 8px; /* Altura de la barra de desplazamiento */
      width: 8px;
    }

    &::-webkit-scrollbar-track {
      background-color: var(--background-scroll);
      border-radius: 30px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: #999;
      border-radius: 30px;
      cursor: pointer;
    }

    &::-webkit-scrollbar-thumb:hover {
      background: #818080; /* Color cuando se pasa el cursor */
    }

  }
}