/*** Body Container Gerenal Style modifications ***/
:root {

  &[data-theme='light'] {

    /***? Tooltip Variables ***/
    --color-background-Tooltip: #ffffff;
    --color-text-Tooltip:#313131;
    --color-border-limits: #E1E1E1;
  }

  &[data-theme='dark'] {
    /***? Tooltip Variables ***/
    --color-background-Tooltip:#1F1F1F;
    --color-text-Tooltip: #E4E4E4;
    --color-border-limits: #777777;
  }
}

.popover-opc.tooltip-limits{
  background-color: var(--color-background-Tooltip);

  & .title_limits{
    color: var(--color-text-Tooltip);
  }

  & .container-limites{
    border: 1px solid var(--color-border-limits);
    border-radius: 3px;
  }

  & .limite {
    text-align: center;
    display: flex;
    font-size: var(--font-size-normal-S360);
    margin-bottom: 1px;
    gap: 5px;
    border-top: 1px solid var(--color-border-limits);
    color: var(--color-text-Tooltip);
  }

  & .limite-valor {
    width: 50px
  }
}

.popover_description-tooltip-limits {
  background-color: var(--color-background-Tooltip) !important;
  color: var(--color-text-Tooltip);
  position: absolute;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 0.3rem;
  width: max-content;
  max-width: 240px;
  line-height: 1.2;
  margin-top: 2px;
}

.LimiteRojo {
  width: 50px;
  background-color: var(--color-danger-LimitPTS) !important;
  color: white !important;
}

.LimiteAmarillo {
  width: 50px;
  background-color: var(--color-warning-S360) !important;
  color: white !important;
}

.LimiteVerde {
  width: 50px;
  background-color: var(--color-success-S360) !important;
  color: white !important;
}