/*** Body Container Gerenal Style modifications ***/
:root {
  /***? Tooltip Colors ***/
  --color-danger-Tooltip: #AB0000;
  --color-warning-Tooltip: #DAAC22;
  --color-success-Tooltip: #28A745;

  /***? Back colors***/
  --back-danger-Tooltip: rgba(171, 0, 0, 0.28);
  --back-warning-Tooltip: rgba(255, 192, 0, 0.28);
  --back-success-Tooltip: rgba(114, 255, 118, 0.18);

  &[data-theme="dark"] {
    --back-warning-Tooltip: rgba(255, 214, 88, 0.259);
    --back-danger-Tooltip: rgba(187, 0, 0, 0.278);
  }

}

/***? Limits Colors Styles ***/

/*** limit Cell Color Styles ***/
.LimiteRojoCeldaS{
  border-right: solid 3px var(--color-danger-Tooltip) !important;
  color: var(--color-danger-Tooltip) !important;
}

.LimiteAmarilloCeldaS{
  border-right: solid 3px var(--color-warning-Tooltip) !important;
  color: var(--color-warning-Tooltip) !important;
}

.LimiteRojoCeldaI{
  border-right: solid 3px var(--color-danger-Tooltip) !important;
  color: var(--color-danger-Tooltip) !important;
}

.LimiteAmarilloCeldaI{
  border-right: solid 3px var(--color-warning-Tooltip) !important;
  color: var(--color-warning-Tooltip) !important;
}

.LimiteVerdeCelda{
  border-right: solid 3px var(--color-success-Tooltip) !important;
  color: var(--color-success-Tooltip) !important;
}

/*** backCell Color Styles ***/

.LimiteRojoBackCellS{
  background-color:  var(--back-danger-Tooltip) !important;
}

.LimiteAmarilloBackCellS{
  background-color: var(--back-warning-Tooltip) !important;
}

.LimiteRojoBackCellI{
  background-color: var(--back-danger-Tooltip) !important;
}

.LimiteAmarilloBackCellI{
  background-color: var(--back-warning-Tooltip) !important;
}

.LimiteVerdeBackCell{
  background-color: var(--back-success-Tooltip) !important;
}

/*** Input Color Styles ***/

.LimiteRojoInput{
  outline: solid 2px var(--color-danger-Tooltip) !important;
}

.LimiteAmarilloInput{
  outline: solid 2px var(--color-warning-Tooltip) !important;
}

.LimiteVerdeInput{
  outline: solid 2px var(--color-success-Tooltip) !important;
}