/* BEGIN STYLESHEET */
/* ----------------------------------------
   Base Skeleton Elements
   - Applies to any class name containing
     "psc-StylesheetClasses/skeleton".
   - Provides shared styling for all skeleton blocks.
   ---------------------------------------- */
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton"] {
    background-color: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    animation: fadeInOut 2s infinite;
}

/* Staggered fade animation delays for the first 3 skeleton elements */
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton"]:nth-child(1) { animation-delay: 0s; }
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton"]:nth-child(2) { animation-delay: 0.3s; }
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton"]:nth-child(3) { animation-delay: 0.6s; }

/* ----------------------------------------
   PIE CHART Skeleton Shapes
   ---------------------------------------- */
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-pie"] {
    fill: #e0e0e0;
    overflow: hidden;
    position: relative;
    animation: fadeInOut 5s infinite;
}

/* Staggered pie animations for a more organic loading effect */
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-pie"]:nth-child(1) { animation-delay: 0.5s; }
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-pie"]:nth-child(2) { animation-delay: 1s; }
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-pie"]:nth-child(3) { animation-delay: 1.75s; }


/* ----------------------------------------
   BAR CHART Skeleton Shapes
   ---------------------------------------- */
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-bar"] {
    fill: #e0e0e0;
    overflow: hidden;
    position: relative;
    animation: fadeInOut 5s infinite;
}

/* Stagger each bar so the chart appears to "breathe" while loading */
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-bar"]:nth-child(1) { animation-delay: 0.5s; }
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-bar"]:nth-child(2) { animation-delay: 1s; }
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-bar"]:nth-child(3) { animation-delay: 1.75s; }
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-bar"]:nth-child(4) { animation-delay: 2.5s; }
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-bar"]:nth-child(5) { animation-delay: 2.75s; }


/* ----------------------------------------
   LINE CHART Skeleton (animated line drawing)
   ---------------------------------------- */
[class*="psc-exchange/skeleton-loading/stylesheet-classes/skeleton-line-chart"] {
    stroke: gray;
    stroke-width: 2;
    fill: none;
    stroke-dasharray: 300;      /* Dash pattern length used for the draw animation */
    stroke-dashoffset: 0;
    animation:
        move 2s linear infinite,           /* Simulates the line being drawn */
        fadeInOut 3s ease-in-out infinite; /* Keeps it consistent with other skeleton fades */
}

/* Animate the dash offset to create a "drawing" effect along the path */
@keyframes move {
    0%   { stroke-dashoffset: 300; }
    100% { stroke-dashoffset: 0; }
}

/* ----------------------------------------
   Horizontal loading motion (not currently applied here,
   but available if needed for sliding shimmer effects)
   ---------------------------------------- */
@keyframes loading {
    0%   { transform: translateX(0); }
    100% { transform: translateX(100%); }
}

/* ----------------------------------------
   Pie rotation (available if applied to any pie element)
   ---------------------------------------- */
@keyframes rotatePie {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* ----------------------------------------
   Global fade animation shared by skeleton elements
   ---------------------------------------- */
@keyframes fadeInOut {
    0%, 100% { opacity: 0.4; }  /* Dimmed at start and end */
    50%      { opacity: 1; }    /* Fully visible at midpoint */
}

/* BEGIN STYLE CLASSES */
.psc-Bottoni\/chiudi {
  background-color: #023E60;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
}

.psc-Bottoni\/fondo_bottoni_menu_embedded {
  background-color: #103B5F;
  border-color: #103B5F;
  border-style: solid;
  border-width: 10px;
  font-size: 11px;
}

.psc-Bottoni\/testo_bottoni_menu_embedded_ {
  color: #FFFFF;
}

.psc-FOOTER_TEXT {
  background-color: #103B5F;
  color: #FFFFFF;
  font-family: Helvetica;
  font-style: italic;
}

.psc-Header\/DropDown {
  background-color: var(--neutral-20);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--neutral-100);
  margin-bottom: 10px;
  margin-top: 10px;
}

.psc-Header\/Header {
  background-color: 103b5f;
  color: #E7F5FF;
  font-size: 14px;
  line-height: 17px;
  fill: #FFFFFF;
}

.psc-Header\/Icon {
  color: #FFFFFF;
  cursor: pointer;
  fill: #FFFFFF;
}

.psc-Header\/text_header {
  color: #FFFFFF;
  font-weight: bold;
}

.psc-Menu\/All_Header {
  background-color: var(--neutral-80);
  color: var(--neutral-10);
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  text-transform: none;
}

.psc-Menu\/Item {
  background-color: var(--neutral-20);
  border-bottom-style: none;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 0px;
  color: var(--neutral-80);
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
.psc-Menu\/Item:last-child {
  border-bottom-color: var(--neutral-60);
}
.psc-Menu\/Item:hover {
  background-color: var(--callToActionHighlight);
}

.psc-Menu\/Menu {
  background-color: var(--neutral-30);
}

.psc-Menu\/Menu_new {
  background-color: #103B5F;
  color: #FFFFFF;
}

.psc-PULSANTE_IMPIANTO {
  background-color: #023E60;
  font-family: Helvetica;
  font-size: 11px;
  outline-style: solid;
  outline-width: 0.5;
  text-align: left;
}

.psc-PULSANTE_IMPIANTO_0 {
  background-color: #023E60;
  font-family: Helvetica;
  font-size: 11px;
  outline-style: solid;
  outline-width: 0.5;
  padding-left: 15px;
  text-align: left;
}

.psc-PULSANTE_IMPIANTO_1 {
  border-color: #023E60;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}

.psc-Page\/Alarm\/Alarm {
  border-bottom-style: none;
  border-left-color: var(--neutral-40);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: var(--neutral-40);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-style: none;
}

.psc-Page\/Alarm\/Page {
  background-color: var(--neutral-20);
}

.psc-Page\/Bold {
  font-weight: bold;
}

.psc-Page\/Margins {
  margin-left: 12px;
  margin-right: 12px;
}

.psc-Page\/Page {
  border-left-color: var(--neutral-60);
  border-left-style: solid;
  border-left-width: 1px;
  font-size: 14px;
  line-height: 20px;
}

.psc-Page\/Text {
  font-size: 10px;
  font-style: italic;
}

.psc-Page\/bordi {
  border-bottom-color: #CCFFCC;
  border-bottom-style: solid;
  border-bottom-width: 0,5;
  border-left-color: #CCFFCC;
  border-left-style: none;
  border-left-width: 0,5;
  border-right-color: #CCFFCC;
  border-right-style: none;
  border-right-width: 0,5;
  border-top-color: #CCFFCC;
  border-top-style: solid;
  border-top-width: 0,5;
}

.psc-Page\/bordi_down {
  border-bottom-color: #CCFFCC;
  border-bottom-style: solid;
  border-bottom-width: 0,5;
  border-left-color: #CCFFCC;
  border-left-style: none;
  border-left-width: 0,5;
  border-right-color: #CCFFCC;
  border-right-style: none;
  border-right-width: 0,5;
  border-top-color: #CCFFCC;
  border-top-style: none;
  border-top-width: 0,5;
}

.psc-Page\/colonna_1_1 {
  background-color: #FBFBFD;
  border-color: #D5D5D5;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 4px;
  fill: #808080;
}

.psc-Page\/stato_impianto {
  background-color: #103B5F;
  border-top-color: #103B5F;
  border-top-style: solid;
  border-top-width: 0.1px;
}

.psc-Page\/stato_impianto_in_servizio {
  color: #FFFFFF;
  font-weight: bolder;
  text-align: left;
}

.psc-Page\/stato_impianto_label {
  color: #FFFFFF;
  text-align: left;
}

.psc-STILE_TABELLA {
  border-color: D5D5D5;
  border-style: solid;
  border-width: 0.5px;
  border-top-left-radius: 0.5px;
  border-top-right-radius: 0.5px;
  border-bottom-left-radius: 0.5px;
  border-bottom-right-radius: 0.5px;
  outline-color: D5D5D5;
  overflow: visible;
}

.psc-Shakstyle\/zoneinfostyle {
  background-color: #FFFFFF;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  cursor: pointer;
  padding: 10px;
}
.psc-Shakstyle\/zoneinfostyle:hover {
  background-color: #F6F6F6;
}

.psc-Title\/Icon {
  fill: var(--neutral-90);
}

.psc-Title\/Text {
  color: var(--neutral-90);
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-left: 6px;
  fill: var(--neutral-90);
}

.psc-Title\/Title {
  background-color: var(--neutral-30);
  border-bottom-color: var(--neutral-60);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: var(--neutral-60);
  border-top-style: solid;
  border-top-width: 1px;
}

.psc-Title\/text_small {
  font-family: Arial;
  font-size: 12px;
}

.psc-YourClassName {
  background-image: }.psc-YourClassName .ia_powerChartComponent__penDataDisplay__table__icon.expand-icon { display: none; }{;
}

.psc-exchange\/skeleton-loading\/stylesheet-classes\/_doc_ {
}

.psc-exchange\/skeleton-loading\/stylesheet-classes\/skeleton {
}

.psc-exchange\/skeleton-loading\/stylesheet-classes\/skeleton-bar {
}

.psc-exchange\/skeleton-loading\/stylesheet-classes\/skeleton-card {
}

.psc-exchange\/skeleton-loading\/stylesheet-classes\/skeleton-line-chart {
}

.psc-exchange\/skeleton-loading\/stylesheet-classes\/skeleton-pie {
}

.psc-exchange\/skeleton-loading\/stylesheet-classes\/skeleton-text {
}

.psc-fallback {
  stroke: #000000;
  stroke-width: 0.5;
  fill: #AC00AC;
}

.psc-guasto_enel {
  fill: #FF4747;
}

.psc-in_servizio {
  border-style: none;
  stroke: #000000;
  stroke-width: 0.5;
  fill: #4190F7;
}

.psc-inject {
  background-image: }.more-icon { display: none !important; } {;
}

.psc-injection2 {
  background-image: .pen-data-display{max-height:200px !important;} {;
}

.psc-new_classes\/misurelabel {
  font-size: 10px;
  text-align: right;
}

.psc-nosha {
}
.psc-nosha:hover {
  box-shadow: none !important;
}

.psc-row_conc_admin {
  font-size: 10px;
  padding-left: 0px;
  text-align: start;
}

.psc-row_conc_admin_white {
  background-color: #FAFAFB;
  font-size: 10px;
  padding-left: 0px;
  text-align: start;
}

.psc-tree\/in_servizio {
  fill: #47FF47;
}

@keyframes psc-Header\/Alarm_Active-anim {
  0% {
    color: #E7F5FF;
    fill: #E7F5FF;
  }
  100% {
    color: #FF2E2E;
    fill: #FF2E2E;
  }
}
.psc-Header\/Alarm_Active {
  animation-name: psc-Header\/Alarm_Active-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-alarm-anim {
  0% {
    background-color: #FF0000;
  }
  100% {
    color: #FFFF47;
  }
}
.psc-alarm {
  animation-name: psc-alarm-anim;
  animation-delay: 0s;
  animation-direction: reverse;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes psc-animate-anim {
  0% {
    border-style: solid;
    border-width: 1px;
  }
  100% {
    background-color: #CCFFCC;
  }
}
.psc-animate {
  animation-name: psc-animate-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes psc-tree\/guasto_enel-anim {
  0% {
    fill: #FF4444;
  }
  100% {
    font-size: 100px;
    fill: #FF4747;
  }
}
.psc-tree\/guasto_enel {
  animation-name: psc-tree\/guasto_enel-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}