/* BEGIN STYLESHEET */
/* =============================================================================
   IGNITION PERSPECTIVE — STYLESHEET
   Progetto: Datacenter_Dev / Tonello-Energie
   Font: Inter (Google Fonts)
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/* =============================================================================
   RESET GLOBALE
   Applica il font Inter a tutti gli elementi della pagina.
   ============================================================================= */

* {
    font-family: Inter;
}

/* =============================================================================
   GLOBAL VARIABLES
   Variabili globali da applicare su tutte le classi
   ============================================================================= */

:root{
	--button--primary-bg-color: #3F6BFF;
	--button--primary-bg-color--hover: #1D45C5;
	--button--primary-bg-color--active: #183CB2;
}

body {
	background-color: #F0F0F0 !important;
}

.border-radius-24{
	border-radius: 24px;	
}

.psc-year-selector{
	flex-grow: 0 !important;
	flex-basis: max-content !important;
}

/* =============================================================================
   BUTTON
   Stili per il bottone generico.
   ============================================================================= */

.psc-button{
	background-color: var(--button--primary-bg-color) !important;
	color: white;
	border: none;
	cursor: pointer;
	padding: 12px 8px;
	border-radius: 10px;
	transition: background-color 0.35s;
}

.psc-button:hover{
	box-shadow: none !important;
	background-color: var(--button--primary-bg-color--hover) !important;
}

.psc-button:active{
	background-color: var(--button--primary-bg-color--active) !important;
}

/* =============================================================================
   EXPORT
   Stili per il pulsante di esportazione.
   ============================================================================= */

.psc-export-button{
	padding: 12px 16px;	
	gap: 8px;
	border-radius: 16px;
	background: #E0FFF1;
	color: #21A366;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.24px;
	cursor: pointer;
	transition: all 0.35s;
}

.psc-export-button:hover{
	background-color: #c2ffe3;
	color: #198050;
}

.psc-export-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(30, 170, 107, 0.2);
  border-top-color: #1EAA6B;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.psc-element{
	border-radius: 16px;
	border: solid 0.7px rgba(0,0,0,0.1);
	padding: 16px !important;
	gap: 16px;
}

.psc-element-icon{
	border-radius: 32px;
	height: 40px !important;
	width: 40px !important;
}

.psc-element-icon{
	border-radius: 50%;
	height: 40px !important;
}

.psc-element-labels{
	width: calc(100% - 64px) !important;
}

.psc-element-title{
	color: #656565 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: normal !important;
	letter-spacing: -0.24px !important;
}

.psc-element-value{
	color: #000 !important;
	font-size: 1em !important;
	font-weight: 500 !important;
	line-height: normal !important;
	letter-spacing: -0.36px !important;
}

[data-component="ia.display.label"].psc-element-value span,
[data-component="ia.display.label"].psc-element-value,
.psc-element-value.ia_labelComponent span,
.psc-element-value.ia_labelComponent {
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    max-width: 100% !important;
}


/* -------------------------------- SELECT -------------------------------- */
.psc-select-container{
	border-radius: 12px;
	background: #FFF;
	padding: 12px 0;
}

.psc-select-container-option{
	border-radius: 12px;
	border: 0.3px solid rgba(0, 0, 0, 0.30);
	background-color: #FFFFFF00;
	padding: 12px !important;

	display: flex;
	align-items: center;
}

.psc-select-label{
	color: #010101;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.39px;
}

.psc-select-data-label{
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.72px;
}

/* -------------------------------- TRACKER CARD -------------------------------- */
.psc-tracker-card{
	background-color: #ffffff !important;
	border-radius: 24px;
	padding: 4px;
	overflow: hidden;
}

.psc-tracker-card-header{
	padding: 20px;
}

.psc-skeleton-box {
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: psc-shimmer 1.5s infinite;
  border-radius: 4px;
}

@keyframes psc-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* =============================================================================
   DEVICE DATA CARD
   Stili per la card contenente i dati di un certo dispositivo.
   ============================================================================= */

.psc-device-data-card{
	background-color: white !important;
	padding: 24px;
	border-radius: 24px;
	border: 0.7px solid rgba(0,0,0,0.1);
	gap: 16px;
}

.psc-device-data-card-title{
	color: #000 !important;
	font-size: 1em !important;
	font-weight: 700 !important;
	letter-spacing: -0.42px !important;
}

.psc-device-data-card-divider {
    height: 1px !important;
    background-color: rgba(0, 0, 0, 0.08) !important;
}

.psc-device-data-card-label{
	color: #848484 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: -0.33px !important;
}

.psc-device-data-card-value{
	color: #000 !important;
	font-size: 1em !important;
	font-weight: 700 !important;
	letter-spacing: -0.36px !important;
}


/* =============================================================================
   TABLE
   Stili per la tabella generica.
   ============================================================================= */

.psc-table{
	border-radius: 16px;
	border: solid 0.7px rgba(0,0,0,0.1);
}

.psc-table .table-container{
	border-radius: 16px !important;
}

.psc-table-cell{
	padding: 12px 12px !important;
	border-right: solid 0.3px rgba(0,0,0,0.1);
	border-bottom: solid 0.3px rgba(0,0,0,0.1);
}


.psc-table-header, .psc-table-footer{
	padding: 16px;
}

/* =============================================================================
   ALARM TABLE CUSTOM
   Stili per la tabella generica.
   ============================================================================= */

/* contenitore: angoli arrotondati come la tabella "Seleziona Impianto" */
.psc-alarmTableCustom {
    border-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    overflow: hidden !important;              /* taglia gli angoli interni */
    border: 0 !important;
}


/* nascondi solo il badge "26 ACTIVE", lasciando filtro e settings */
.psc-alarmTableCustom .ia_alarmJournalTableComponent .toolbarTabContainer {
    display: none !important;
}

/* header: sfondo chiaro, testo discreto */
.psc-alarmTableCustom .ia_table__head,
.psc-alarmTableCustom [class*="header"] {
    background-color: #f5f6f7 !important;
    font-weight: 600 !important;
    color: #5a5a5a !important;
}

/* righe: separatore sottile invece dei bordi pieni */
.psc-alarmTableCustom [class*="row"] {

}

/* celle: più respiro */
.psc-alarmTableCustom [class*="cell"] {
    padding: 10px 14px !important;
    font-size: 14px !important;
}

/* hover (NON sovrascrive il rosso di rowStyles, agisce sulle righe neutre) */
.psc-alarmTableCustom [class*="row"]:hover {
    filter: brightness(0.97);
}

/* =============================================================================
   ALARM 
   Stili per approfondimento allarme.
   ============================================================================= */

.psc-alarm-container{
	padding: 24px;
	background-color: white !important;
	gap: 16px;
	border-radius: 16px;
	width: 100% !important;
}

.psc-alarm-title{
	color: #000 !important;
	user-select: none;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: normal !important;
	letter-spacing: -0.72px !important;
}

/* =============================================================================
   TAB MENU
   Stili per la navigazione a tab orizzontale.
   ============================================================================= */

.psc-tabmenu-divider .view-parent .view .view-parent .view{
	min-width: min-content !important;
	max-width: max-content !important;
}


/* Voce di tab — stato normale */
.psc-tabmenu-item {
    padding: 16px 24px;
    border-radius: 8px;
    background: #FFF !important;
    user-select: none;
    cursor: pointer;

    color: #A8A1A1 !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.45px !important;
    transition: background-color 0.35s;
}

/* Voce di tab — hover */
.psc-tabmenu-item:hover {
    background-color: #f5f5f5 !important;
}

/* Voce di tab — stato attivo/selezionato */
.psc-tabmenu-item-active {
    padding: 16px 24px;
    border-radius: 8px;
    background-color: #f3f3f3 !important;
    user-select: none;
    cursor: pointer;

    color: #090909 !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: -0.45px !important;
    transition: background-color 0.35s;
}

/* Icona di navigazione tab — stato normale */
.psc-tabmenu-view-icon {
    height: 48px !important;
    width: 48px !important;
    padding: 12px !important;
    cursor: pointer !important;
    border-radius: 8px;
    transition: background-color 0.35s;
}

/* Icona di navigazione tab — hover */
.psc-tabmenu-view-icon:hover {
    background-color: #f3f3f3 !important;
}

/* Icona di navigazione tab — stato attivo */
.psc-tabmenu-view-icon-active {
    background-color: #f5f5f5 !important;
}

/* Divisore orizzontale nel tab menu */
.psc-tabmenu-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding-bottom: 10px !important;
}


/* =============================================================================
   PAGINA NON TROVATA (404)
   Layout e testo per la schermata di errore "pagina non trovata".
   ============================================================================= */

.psc-not-found-container {
    background-color: white !important;
}

.psc-not-found-icon {
    height: 80px !important;
    width: 80px !important;
}

.psc-not-found-title {
    color: #565656 !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: normal !important;
    letter-spacing: -0.96px !important;
    margin-top: 16px;
}

.psc-not-found-subtitle {
    color: #565656 !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.6px !important;
    margin-top: 16px !important;
}

/* Pulsante CTA nella pagina 404 */
.psc-not-found-cta {
    margin-top: 24px;
    border-radius: 12px !important;
    background-color: #1A52DF !important;
    padding: 12px 20px;
}

.psc-not-found-cta-text {
    color: #FFF !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.6px !important;
    cursor: pointer;
}


/* =============================================================================
   VISTA GENERALE
   Contenitore base usato come sfondo delle view principali.
   ============================================================================= */

.psc-general-view {
    background-color: white !important;
    padding: 24px;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    border-radius: 12px;
    border: 0.1px solid rgba(0, 0, 0, 0.05);
    box-shadow: none !important;
    scrollbar-width: none;
}

.psc-general-view .view-parent{
	scrollbar-width: none;
}

/* Variante senza padding e senza bordo */
.psc-no-padding {
    padding: 0px !important;
    border: 0 !important;
}

.psc-no-background{
	background: none !important;
}

/* =============================================================================
   DASHBOARD OVERVIEW — MODALITÀ NORMALE
   Layout e card del display della dashboard standard.
   ============================================================================= */

/* Card generica grafico dashboard */
.psc-dashboard-overview-card{
	padding: 24px;
	border-radius: 24px;
	background-color: white;
}


/* =============================================================================
   DASHBOARD DISPLAY — MODALITÀ NORMALE
   Layout e card del display della dashboard standard.
   ============================================================================= */

/* Contenitore principale del display */
.psc-dashboard-display {
    background-color: #FFFFFF00 !important;
    padding-top: 3%;
    gap: 5%;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
}

/* Immagine di sfondo della dashboard */
.psc-dashboard-image {
    border-radius: 16px;
}

/* Icona fullscreen */
.psc-dashboard-display-fullscreen {
    height: 32px !important;
    width: 32px !important;
    position: absolute !important;
    cursor: pointer;
}

/* Titolo principale della dashboard */
.psc-dashboard-display-title {
    user-select: none;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.25) !important;
    color: #FFF !important;
    text-align: center !important;
    font-size: 52px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: normal !important;
    letter-spacing: -2.08px !important;
}

/* Sottotitolo della dashboard */
.psc-dashboard-display-subtitle {
    user-select: none;
    color: #DEDEDE !important;
    text-align: center !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: -0.56px !important;
}

/* Layout principale e gruppo card */
.psc-dashboard-display-main {
    gap: 64px;
}

.psc-dashboard-display-cards {
    gap: 64px;
}

/* Singola card della dashboard */
.psc-dashboard-display-card {
    padding: 24px 28px;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: linear-gradient(241deg, rgba(255, 255, 255, 0.10) 2.86%, rgba(255, 255, 255, 0.40) 68.31%) !important;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25) !important;
    backdrop-filter: blur(10px) !important;
    transition: border 0.35s, box-shadow 0.35s;
    gap: 20px;
}

/* Card — hover (effetto glassmorphism accentuato) */
.psc-dashboard-display-card:hover {
    border: 1.5px solid rgba(255, 255, 255, 0.50);
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.50) !important;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Header della card */
.psc-dashboard-display-card-header {
    gap: 12px;
}

/* Contenuto della card */
.psc-dashboard-display-card-content {
    gap: 16px;
}

/* Icona nella card */
.psc-dashboard-display-card-icon {
    height: 24px !important;
    width: 24px !important;
    mix-blend-mode: overlay !important;
}

/* Titolo della card */
.psc-dashboard-display-card-title {
    user-select: none !important;
    color: #FFF !important;
    text-align: center !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: -0.72px !important;
    mix-blend-mode: overlay !important;
}

/* Riga dati all'interno della card */
.psc-dashboard-display-card-data-row {
    width: 100% !important;
    gap: 48px;
}

/* Etichetta della riga dati */
.psc-dashboard-display-card-data-row-label {
    color: #DDD !important;
    text-align: center !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: -0.6px !important;
    white-space: nowrap !important;
}

/* Valore della riga dati */
.psc-dashboard-display-card-data-row-value {
    color: #FFF !important;
    text-align: center !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: normal !important;
    letter-spacing: -0.6px !important;
    white-space: nowrap !important;
}


/* =============================================================================
   DASHBOARD DISPLAY — MODALITÀ FULLSCREEN
   Override delle dimensioni per la visualizzazione a schermo intero.
   ============================================================================= */

.psc-dashboard-display-full {
    gap: 10% !important;
}

.psc-dashboard-image-full {
    border-radius: 0px !important;
}

.psc-dashboard-display-title-full {
    font-size: 64px !important;
}

.psc-dashboard-display-subtitle-full {
    font-size: 28px !important;
}

.psc-dashboard-display-main-full {
    gap: 80px !important;
}

.psc-dashboard-display-cards-full {
    gap: 80px !important;
}

.psc-dashboard-display-card-full {
    padding: 28px 32px !important;
}

.psc-dashboard-display-card-header-full {
    gap: 16px !important;
}

.psc-dashboard-display-card-title-full {
    font-size: 30px !important;
}

.psc-dashboard-display-card-icon-full {
    height: 36px !important;
    width: 36px !important;
}

.psc-dashboard-display-card-data-row-label-full {
    font-size: 24px !important;
}

.psc-dashboard-display-card-data-row-value-full {
    font-size: 24px !important;
}

/* =============================================================================
   DASHBOARD
   Visualizzazione card in pagina generale.
   ============================================================================= */

.psc-dashboard-card-container{
	gap: 16px;
}

.psc-dashboard-card-row{
	gap: 16px;
}

.psc-dashboard-card{
	background-color: white !important;
	overflow: hidden !important;
	border-radius: 24px;
	padding: 24px;
}

.psc-dashboard-card-title{
	color: black !important;
	font-weight: bold;
	line-height: 20px;
	font-size: 20px;
}

/* =============================================================================
   DEVICES
   Visualizzazione dispositivi.
   ============================================================================= */

.psc-devices-title{
	color: #000 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	letter-spacing: -0.72px !important;
}


/* =============================================================================
   CARD GENERICA
   Componente card riutilizzabile con header, corpo e stati di errore.
   ============================================================================= */

/* Contenitore principale della card */
.psc-card {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    width: 600px;
    overflow: hidden;
}

/* Variante card con bordo e ombra di errore */
.psc-card-error {
    border: 1.2px solid #F00F0F;
    box-shadow: 0 0 10px 0 rgba(243, 28, 28, 0.25);
}

/* Header della card */
.psc-card-header {
    padding: 20px !important;
    border-bottom: 1px solid #e6e6e6;
    background-color: #f8f8f8 !important;
}

/* Header della card — stato di errore */
.psc-card-header-error {
    border-bottom: 1.2px solid #F00F0F;
}

/* Titolo nell'header della card */
.psc-card-header-title {
    color: #000000;
    font-size: 18px !important;
    font-weight: 700;
}

/* Sottotitolo nell'header della card */
.psc-card-header-subtitle {
    color: #8e8e8e;
    font-size: 12px;
}

/* Badge di stato nell'header */
.psc-card-header-status {
    user-select: none;
    padding: 6px 12px;
    border-radius: 50px;
    font-size: 14px !important;
    font-weight: 600;
}

/* Badge stato — online */
.psc-card-header-status-online {
    color: #4c7a34 !important;
    background-color: #dcf0d1 !important;
}

/* Badge stato — offline */
.psc-card-header-status-offline {
    color: #F23A1A !important;
    background-color: #F23A1A66 !important;
}

/* Sezione informativa interna alla card */
.psc-card-info {
    border: 1px solid #e0e0e0;
    padding: 16px;
    border-radius: 8px;
}

/* Titolo della sezione info */
.psc-card-info-title {
    color: #000 !important;
    font-size: 1em !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    letter-spacing: -0.42px;
}

/* Valore ingresso digitale */
.psc-digital-input-value {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Ingresso digitale — stato inattivo (rosso) */
.psc-digital-input-value-inactive {
    color: #DD2222 !important;
}

/* Ingresso digitale — stato attivo (verde) */
.psc-digital-input-value-active {
    color: #56C220 !important;
}


/* =============================================================================
   SIDEBAR — ELEMENTI CONDIVISI
   Stili comuni per divisori e wrapper della sidebar.
   ============================================================================= */

/* Linea divisoria orizzontale */
.psc-sidebar-divider {
    background-color: rgb(0, 0, 0, 0.05);
    height: 0.7px;
    width: calc(100% - 24px) !important;
    margin-top: 16px;
    margin-left: 12px;
}

/* Contenuto dopo il divisore */
.psc-sidebar-divider-content {
    padding-left: 12px;
}

/* Wrapper esterno della sidebar */
.psc-sidebar-wrapper {
    background-color: white !important;
    margin: 8px;
    border-radius: 12px;
    padding: 12px;
}

/* Sfondo della sidebar */
.psc-sidebar {
    background-color: white !important;
}

.psc-sidebar .menu-frame .menu-wrapper{
	overflow-y: scroll !important;
	scrollbar-width: none;
}

/* Header della sidebar (logo/nome sito) */
.psc-sidebar-header {
    padding-left: 12px;
    padding-right: 12px;
    height: 48px !important;
}

/* Nome del sito nella sidebar */
.psc-sidebar-site {
    text-align: center;
    font-weight: 600;
    color: black;
    font-size: 24px;
    letter-spacing: 0.01px;
}

/* Larghezza ridotta per header compatto */
.psc-sidebar-head {
    width: 48px !important;
    padding-left: 0 !important;
}


/* =============================================================================
   SIDEBAR — ICONE (SIDEBAR CHIUSA)
   Icone visualizzate quando la sidebar è in modalità collassata.
   ============================================================================= */

/* Icona voce sidebar — stato normale */
.psc-sidebar-closed-item-icon {
    height: 48px !important;
    width: 48px !important;
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #FFFFFF !important;
}

/* Icona voce sidebar — hover */
.psc-sidebar-closed-item-icon:hover {
    background-color: #F3F3F3 !important;
}

/* Icona voce sidebar — stato attivo */
.psc-sidebar-closed-item-icon-active {
    background-color: #F3F3F3 !important;
}

/* Icona voce sidebar — attivo + hover */
.psc-sidebar-closed-item-icon-active:hover {
    background-color: #DADADA !important;
}


/* =============================================================================
   SIDEBAR — VOCI (SIDEBAR APERTA)
   Voci di navigazione visualizzate quando la sidebar è espansa.
   ============================================================================= */

/* Voce di navigazione — stato normale */
.psc-sidebar-open-item {
    height: 48px !important;
    border-radius: 8px;
    background-color: white;
    user-select: none;
    cursor: pointer;
    pointer-events: initial;
}

/* Voce di navigazione — hover */
.psc-sidebar-open-item:hover {
    background-color: #F3F3F3;
}

/* Voce di navigazione — stato attivo */
.psc-sidebar-open-item-active {
    background-color: #F3F3F3;
}

/* Voce di navigazione — attivo + hover */
.psc-sidebar-open-item-active:hover {
    background-color: #DADADA !important;
}

/* Icona della voce di navigazione */
.psc-sidebar-open-item-icon {
    width: 48px !important;
    height: 48px !important;
    padding: 12px;
}

/* Etichetta testuale della voce — stato normale */
.psc-sidebar-open-item-label {
    margin-left: 8px;
    color: #848484;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1px;
    flex-grow: 1 !important;
}

/* Etichetta testuale della voce — stato attivo */
.psc-sidebar-open-item-label-active {
    font-weight: 700 !important;
    background-color: #f5f5f5 !important;
    color: black !important;
}


/* =============================================================================
   SIDEBAR — LABEL E HEADER INTERNI
   Stili per le label di sezione e l'header di navigazione con back button.
   ============================================================================= */

/* Label generica nella sidebar (voce con icona + testo) */
.psc-sidebar-label {
    display: flex;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 8px;
    padding: 12px !important;
    gap: 12px;
    margin-top: 16px;

    color: #848484;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1px;
    transition: background 0.35s;
}

/* Label — hover */
.psc-sidebar-label:hover {
    background: #f5f5f5;
}

/* Back button nella sidebar — spaziatura icona */
.psc-sidebar-label-header-back .back-icon {
    flex-basis: 48px !important;
}

/* Back button nella sidebar — contenitore */
.psc-sidebar-label-header-back {
    transition: background 0.35s;
    height: 48px !important;
    border-radius: 8px !important;
    margin-top: 16px;
    margin-bottom: 32px;
    position: relative;
}

/* Back button — linea separatrice inferiore (pseudo-elemento) */
.psc-sidebar-label-header-back::before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    height: 1px;
    width: calc(100% - 24px);
    margin-left: 12px;
    background: rgba(0, 0, 0, 0.1);
    display: visible;
}

/* Back button — hover */
.psc-sidebar-label-header-back:hover {
    background: #f5f5f5 !important;
}

/* Header di sezione nella sidebar (nascosto di default) */
.psc-sidebar-label-header {
    border-style: none !important;
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 16px;
    position: relative;

    display: none !important;
    flex-direction: row !important;
    align-items: center !important;
}

/* Header di sezione — linea separatrice superiore (pseudo-elemento) */
.psc-sidebar-label-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: calc(100% - 24px);
    margin-left: 12px;
    background: rgba(0, 0, 0, 0.1);
    display: visible;
}


/* =============================================================================
   SIDEBAR — SUBMENU ESTESO
   Stile per il pannello di sottomenu quando è espanso.
   ============================================================================= */

.psc-sidebar-sub-menu-extended {
    background-color: white;
    padding: 16px;
}


/* =============================================================================
   HEADER PRINCIPALE
   Barra superiore della pagina con titolo e profilo utente.
   ============================================================================= */

/* Contenitore dell'header */
.psc-header-container {
    background-color: white;
    padding: 16px;
    margin-right: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 16px;
}

/* Testo del titolo nell'header */
.psc-header-label {
    font-weight: 600;
    color: black;
    font-size: 24px;
    letter-spacing: 0.01px;
    user-select: none;
}

.psc-header-site-label {
    color: #656565;
    font-size: 16px;
    letter-spacing: 0.01px;
    user-select: none;
}


/* Avatar/icona utente nell'header */
.psc-header-icon {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    user-select: none;
    background-color: #26B170;
    text-align: center;
    color: white;
    border-radius: 50%;
    font-size: 14px;
}

.psc-header-version-label{
	background-color: #D9DBFF;
	color: #454EFF;
	font-size: 1em;
	font-weight: bold;
	padding: 8px 16px;
	border-radius: 12px;
}


/* =============================================================================
   HEADER — MODALE PROFILO UTENTE
   Popup con informazioni e azioni per il profilo utente.
   ============================================================================= */

/* Contenitore del modale profilo */
.psc-header-profile-modal-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    margin: 2px;
    background-color: white;
    border-radius: 16px;
    position: relative;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

/* Icona/avatar nel modale profilo */
.psc-header-profile-modal-box-icon {
    height: 32px;
    width: 32px;
    text-align: center;
    border-radius: 100%;
    background-color: #26B170;
    font-size: 14px;
    margin-left: 8px;
    margin-right: 8px;
}

/* Nome utente nel modale profilo */
.psc-header-profile-modal-box-icon-label {
    color: black;
    font-size: 1em !important;
    font-weight: 700 !important;
    margin-left: 8px;
    letter-spacing: 0.1px;
}

/* =============================================================================
   PROFILE — Pagina profilo utente
   Pagina per visualizzare dati utente.
   ============================================================================= */


.psc-profile-page-title{
	color: #000 !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: -0.54px !important;
}

/* =============================================================================
   PERFORMANCE — Rendimenti
   Pagina per visualizzare grafici rendimenti.
   ============================================================================= */

.psc-performance-chart-title{
	font-size: 24px !important;
	font-weight: bold !important;
	color: black !important;
}

.psc-pr-chart-header{
	min-width: 0 !important;
}

.psc-pr-chart-heading{
	min-width: 0 !important;
}

.psc-pr-chart-info-row{
	min-width: 0 !important;
}

.psc-pr-chart-info-link{
	color: #005BB5 !important;
	cursor: pointer !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	max-width: 100% !important;
	text-align: left !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

/* =============================================================================
   POPUP — Performance popup
   Popup per visualizzare info aggiuntive sulla PR.
   ============================================================================= */

.psc-pr-popup{
    padding: 24px;
    background-color: white !important;
    border-radius: 12px;
    gap: 16px;
}

/* =============================================================================
   GRAFICI — Grafici default
   Pagina per visualizzare grafici.
   ============================================================================= */

.psc-grafici-mobile{
	padding: 0px;
	padding-top: 24px;
	padding-bottom: 24px;
}

/* =============================================================================
   IGNITION — CLEANUP STILI INTERNI
   Override per rimuovere stili indesiderati generati automaticamente
   da Ignition Perspective sui componenti nativi.
   ============================================================================= */

/* Icona label — allineamento e dimensioni fisse */
.label-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0.5px !important;
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}

.label-icon svg,
.label-icon img {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
}



.ia_table__head__header{
	border-bottom: solid 0.3px rgba(0,0,0,0.1);
}

/* Testo label — rimozione padding di default */
.label-text {
    padding: 0 !important;
}

/* Icona di navigazione — reset dimensioni */
.nav-icon {
    flex-basis: 0 !important;
    margin-top: 0 !important;
    height: 24px !important;
}

/* Menu Tree — disabilitazione scroll verticale interno */
.ia_menuTreeComponent .menu-wrapper {
    overflow-y: hidden !important;
}

/* Popup Ignition — rimozione bordo e sfondo di default */
.ia_popup {
    border: none !important;
    border-image: none !important;
    border-image-slice: initial !important;
    border-image-source: none !important;
    border-image-width: 0 !important;
    border-image-outset: 0 !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

#popup-Alarm{
	width: 40vw !important;
	max-width: 90vw !important;
	height: auto !important;
	max-height: 85vh !important;
}

#popup-dashboard-v2-pr-status-info {
	width: 40vw !important;
	max-width: 90vw !important;
	height: auto !important;
	max-height: 85vh !important;
}

#popup-HeaderExtended{
	background: none !important;
	box-shadow: none !important;
}

.client-root:has(#popup-HeaderExtended) .modal {
    background: rgba(0, 0, 0, 0);
}

#popup-HeaderExtended {
    pointer-events: all !important;
}

/* =============================================================================
   CALENDARIO / DATE RANGE PICKER
   Fix per il layout a griglia del calendario nativo di Ignition.
   ============================================================================= */

/* Font personalizzato per la supervisione */
.psc-FontSupervisione {
    font-family: "Inter";
}

/* Rimozione delle colonne automatiche nella barra del calendario */
.iaDateRangePicker .calendarBar {
    grid-template-columns: none;
}

/* Posizionamento del primo elemento della barra */
.calendarBar > div:nth-child(1) {
    grid-area: 1/8/1/8 !important;
}

/* Rimozione delle colonne automatiche nel corpo del calendario */
.iaDateRangePicker .calendar {
    grid-template-columns: none;
}

/* Colonna 8 per le celle della seconda colonna */
.calendar > div[style$="2;"] {
    grid-column-start: 8 !important;
    grid-column-end: 8 !important;
}

/* Override delle righe per le celle del calendario (colonna 1) */
.calendar > div[style^="grid-area: 1"] { grid-row-start: 2 !important; }
.calendar > div[style^="grid-area: 2"] { grid-row-start: 3 !important; }
.calendar > div[style^="grid-area: 3"] { grid-row-start: 4 !important; }
.calendar > div[style^="grid-area: 4"] { grid-row-start: 5 !important; }
.calendar > div[style^="grid-area: 5"] { grid-row-start: 6 !important; }
.calendar > div[style^="grid-area: 6"] { grid-row-start: 7 !important; }

/* Override delle righe per le celle del calendario (colonna 2) */
.calendar > div[style$="2;"][style^="grid-area: 1"] { grid-row-start: 1 !important; }
.calendar > div[style$="2;"][style^="grid-area: 2"] { grid-row-start: 2 !important; }
.calendar > div[style$="2;"][style^="grid-area: 3"] { grid-row-start: 3 !important; }
.calendar > div[style$="2;"][style^="grid-area: 4"] { grid-row-start: 4 !important; }
.calendar > div[style$="2;"][style^="grid-area: 5"] { grid-row-start: 5 !important; }
.calendar > div[style$="2;"][style^="grid-area: 6"] { grid-row-start: 6 !important; }

/* Margine superiore per il time picker */
.iaTimePickerInput--wrapper {
    margin-top: 30px;
}

/* Sul container scrollabile principale */
.scroll-container {
  -webkit-overflow-scrolling: touch !important; /* iOS */
  overflow-y: auto !important;
  /* Rimuovi perspective da qui */
}

/* Isola i layer compositi */
.embedded-view {
  isolation: isolate !important;
  contain: layout style paint !important; /* ← molto potente, limita il reflow */
}

.ia_tabContainerComponent__content{
	border: 0 !important;
}


/* =============================================================================
   APEXCHARTS
   Fix per il tooltip dei grafici ApexCharts in contesti con overflow.
   ============================================================================= */

/* Il tooltip deve essere visibile anche fuori dai container con overflow:hidden */
.apexcharts-tooltip {
    overflow: visible !important;
    z-index: 9999 !important;
}

.apexcharts-canvas {
  touch-action: pan-y pinch-zoom !important;
}

/* =============================================================================
   MEDIA QUERIES / DISPLAY
   Fix per il layout a griglia del calendario nativo di Ignition.
   ============================================================================= */
@media (max-width: 1258px){
	.psc-dashboard-display-cards {
    		gap: 32px;
	}
	.psc-dashboard-display-main {
    		gap: 32px;
	}

	/* DASHBOARD OVERVIEW */
	.psc-dashboard-card-container{
		gap: 12px;
	}
	
	.psc-dashboard-card-row{
		gap: 12px;
	}
	
	.psc-dashboard-card-resize{
		padding-left: 12px;
		padding-right: 12px;
	}

	.psc-dashboard-card-title-resize{
		margin-left: 12px;
	}
}

@media (max-width: 1194px){
	
	.psc-dashboard-display-cards {
    		margin-bottom: 16px;
    		padding-left: 20%;
    		padding-right: 20%;
    		gap: 32px;
	}
	.psc-dashboard-display-main {
    		gap: 32px;
	}
	.psc-dashboard-display-card {
	    width: 100% !important;
	}

	.psc-dashboard-display-card-content {
	    width: 100% !important;
	}

	/* DASHBOARD OVERVIEW */
	.psc-dashboard-card-container{
		gap: 10px;
	}
	
	.psc-dashboard-card-row{
		gap: 10px;
	}
	.psc-dashboard-card-resize{
		padding-left: 8px;
		padding-right: 8px;
	}

	.psc-dashboard-card-title-resize{
		margin-left: 16px;
	}
}

@media (max-width: 1035px){
	.psc-dashboard-display-cards {
    		padding-left: 5%;
    		padding-right: 5%;
	}

	/* DASHBOARD OVERVIEW */
	.psc-dashboard-card-resize{
		padding-left: 4px;
		padding-right: 4px;
	}

	.psc-dashboard-card-title-resize{
		margin-left: 20px;
	}

	#popup-dashboard-v2-pr-status-info {
	  width: 80vw !important;
	  max-width: 90vw !important;
	  height: auto !important;
	  max-height: 85vh !important;
	}

	#popup-Alarm {
	  width: 80vw !important;
	  max-width: 90vw !important;
	  height: auto !important;
	  max-height: 85vh !important;
	}
}

/* =============================================================================
   MEDIA QUERIES / HEADER
   Fix per il layout a griglia del calendario nativo di Ignition.
   ============================================================================= */

@media (max-width: 758px) {
	.psc-header-container{
		margin-left: 8px;	
	}

	.psc-year-selector{
		margin-right: 24px !important;
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}

	.psc-year-selector-input{
		padding: 0px !important;
	}

	.psc-general-view{
		margin-left: 8px;	
	}

	.psc-performance{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.psc-performance-chart{
		flex-basis: auto !important;
	}

	.psc-performance-chart-title{
		margin-left: 24px;
	}

	.psc-pr-chart-header{
		align-items: flex-start !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	.psc-pr-chart-info-link{
		margin-left: 24px !important;
		max-width: calc(100% - 48px) !important;
		text-align: left !important;
	}

	.psc-sidebar{
		height: min-content !important;
		overflow-x: hidden !important;
	}

	.psc-sidebar-wrapper{
		border: 0 !important;
		padding-top: 0 !important;
	}

	.psc-sidebar-divider{
		margin-top: 0 !important;
	}

	.ia_popup{
		border-radius: 0px;
	}
	
	*{
		scrollbar-width: none;
	}

	.psc-dashboard-overview-card{
		padding-left: 0;
		padding-right: 0;
	}

	.psc-header-label{
		font-size: 20px;
	}

	.psc-header-site-label{
		font-size: 12px;
	}

	/* DASHBOARD DISPLAY */
	.psc-dashboard-display{
		gap: 16px !important;
		padding-top: 24px !important;
	}
	
	.psc-dashboard-display-cards {
    		margin-bottom: 16px;
    		padding-left: 16px;
    		padding-right: 16px;
    		gap: 16px;
	}
	.psc-dashboard-display-title{
		font-size: 40px !important;
	}
	.psc-dashboard-display-subtitle{
		font-size: 16px !important;
		margin-top: -16px;
	}
	.psc-dashboard-display-card {
	    padding: 16px 18px;
	    width: 100%;
	    gap: 20px;
	}
	
	/* Header della card */
	.psc-dashboard-display-card-header {
	    gap: 12px;
	}
	
	/* Contenuto della card */
	.psc-dashboard-display-card-content {
	    gap: 16px;
	    width: 100%;
	}
	
	/* Icona nella card */
	.psc-dashboard-display-card-icon {
	    height: 24px !important;
	    width: 24px !important;
	    mix-blend-mode: overlay !important;
	}
	
	/* Titolo della card */
	.psc-dashboard-display-card-title {
	    font-size: 20px !important;
	    letter-spacing: -0.72px !important;
	}
	
	/* Riga dati all'interno della card */
	.psc-dashboard-display-card-data-row {
	    width: 100% !important;
	}
	
	/* Etichetta della riga dati */
	.psc-dashboard-display-card-data-row-label {
	    font-size: 1em !important;
	    letter-spacing: -0.6px !important;
	}
	
	/* Valore della riga dati */
	.psc-dashboard-display-card-data-row-value {
	    font-size: 1em !important;
	    letter-spacing: -0.6px !important;
	}

	/* DASHBOARD OVERVIEW */
	.psc-dashboard-card-container{
		gap: 8px;
	}
	
	.psc-dashboard-card-resize{
		padding-left: 0;
		padding-right: 0;
	}

	.psc-dashboard-card-title-resize{
		margin-left: 24px;
	}

	.psc-alarmTableCustom [class*="cell"] {
	    padding: 4px 6px !important;
	    font-size: 14px !important;
	}

	#popup-dashboard-v2-pr-status-info {
	  width: 90vw !important;
	  max-width: 90vw !important;
	  height: auto !important;
	  max-height: 85vh !important;
	}

	#popup-Alarm {
	  width: 90vw !important;
	  max-width: 90vw !important;
	  height: auto !important;
	  max-height: 85vh !important;
	}

}

/* BEGIN STYLE CLASSES */
.psc-FRWK\/Colors\/Grey {
  color: #989898;
}

.psc-FRWK\/Colors\/LightBlue {
  color: #5D9BFE;
}

.psc-FRWK\/Colors\/LightGrey {
  color: #f4f4f4;
}

.psc-FRWK\/Colors\/Red {
  color: #ff3232;
}

.psc-FRWK\/Containers\/Box {
  border-color: #989898;
  border-style: solid;
  border-width: 1px;
}

.psc-FRWK\/Containers\/Circle {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}

.psc-FRWK\/Containers\/Invalid {
  border-color: var(--error);
  border-style: solid;
  border-width: 4px;
}

.psc-FRWK\/Containers\/RoundedRectangle {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.psc-FRWK\/Containers\/ShadowedBox {
  border-left-color: rgba(0, 0, 0, 25);
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: rgba(0, 0, 0, 25);
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.25);
}

.psc-FRWK\/Framework\/Colors\/Grey {
  color: #989898;
}

.psc-FRWK\/Framework\/Colors\/LightBlue {
  color: #5D9BFE;
}

.psc-FRWK\/Framework\/Colors\/LightGrey {
  color: #f4f4f4;
}

.psc-FRWK\/Framework\/Colors\/Red {
  color: #ff3232;
}

.psc-FRWK\/Framework\/Containers\/Box {
  border-color: #989898;
  border-style: solid;
  border-width: 1px;
}

.psc-FRWK\/Framework\/Containers\/Circle {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}

.psc-FRWK\/Framework\/Containers\/Invalid {
  border-color: var(--error);
  border-style: solid;
  border-width: 4px;
}

.psc-FRWK\/Framework\/Containers\/RoundedRectangle {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.psc-FRWK\/Framework\/Containers\/ShadowedBox {
  border-left-color: rgba(0, 0, 0, 25);
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: rgba(0, 0, 0, 25);
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.25);
}

.psc-FRWK\/Framework\/Text\/ErrorText {
  color: #ff3232;
  font-style: italic;
  font-weight: bold;
}

.psc-FRWK\/Framework\/Text\/SecondaryText {
  color: #BFBCBC;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}

.psc-FRWK\/Framework\/Text\/SmallTitle {
  font-size: 25px;
  font-weight: bold;
}

.psc-FRWK\/Framework\/Text\/Subtitle {
  font-size: 20px;
  font-weight: normal;
}

.psc-FRWK\/Framework\/Text\/Title {
  font-size: 32px;
  font-weight: bold;
}

.psc-FRWK\/Framework\/Util\/ShadowedBox {
  border-left-color: rgba(0, 0, 0, 25);
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: rgba(0, 0, 0, 25);
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.25);
}

.psc-FRWK\/Maintenances\/Title {
  font-size: 15px;
  font-weight: bold;
}

.psc-FRWK\/Maintenances\/reset_style {
  background-color: ffffff;
  border-style: none;
  stroke: ffffff;
  stroke-width: ffffff;
  fill: ffffff;
}

.psc-FRWK\/Maintenances\/round_border {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-FRWK\/Maintenances\/shadow_box {
  box-shadow: #000000 5px 5px 5pt;
  margin: 10px;
  opacity: 1;
}

.psc-FRWK\/Maintenances\/solid_border {
  border-style: solid;
  border-width: 3px;
}

.psc-FRWK\/Maintenances\/text_body_italic {
  font-size: 15px;
  font-style: italic;
}

.psc-FRWK\/Maintenances\/text_error {
  color: red;
  font-weight: bold;
}

.psc-FRWK\/Maintenances\/text_uppercase {
  text-transform: uppercase;
}

.psc-FRWK\/Maintenances\/title_big {
  font-size: 20px;
  font-weight: bold;
}

.psc-FRWK\/Maintenances\/title_big_centered {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.psc-FRWK\/Maintenances\/title_centered {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.psc-FRWK\/Maintenances\/title_right {
  font-size: 15px;
  font-weight: bold;
  text-align: right;
}

.psc-FRWK\/Text\/ErrorText {
  color: #ff3232;
  font-style: italic;
  font-weight: bold;
}

.psc-FRWK\/Text\/SecondaryText {
  color: #BFBCBC;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}

.psc-FRWK\/Text\/SmallTitle {
  font-size: 25px;
  font-weight: bold;
}

.psc-FRWK\/Text\/Title {
  font-size: 32px;
  font-weight: bold;
}

.psc-FRWK\/Tickets\/Box {
  border-color: #989898;
  border-style: solid;
  border-width: 1px;
}

.psc-FRWK\/Tickets\/ErrorText {
  color: #FF6C3D;
  font-weight: bold;
}

.psc-FRWK\/Tickets\/GrayBackground {
  background-color: #ADADAD;
}

.psc-FRWK\/Tickets\/GreenBold {
  color: #2DB701;
  font-weight: bold;
}

.psc-FRWK\/Tickets\/LightGrayBackground {
  background-color: #DDDDDD;
}

.psc-FRWK\/Tickets\/RedBold {
  color: #E81D1D;
  font-weight: bold;
}

.psc-FRWK\/Tickets\/SecondaryText {
  color: #8E8E8E;
  font-size: 12px;
  font-style: italic;
}

.psc-FRWK\/Tickets\/Subtitle {
  font-size: 20px;
  font-weight: normal;
}

.psc-FRWK\/Tickets\/Title {
  font-size: 25px;
  font-weight: bold;
}

.psc-FRWK\/UsersManagerBase\/Error {
  border-color: red;
  border-style: solid;
  border-width: 2px;
}

.psc-FRWK\/Util\/BlueTxt {
  color: #5D9BFE;
}

.psc-FRWK\/Util\/ShadowedBox {
  border-left-color: rgba(0, 0, 0, 25);
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: rgba(0, 0, 0, 25);
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.25);
}

.psc-FRWK\/Util\/SmallTitle {
  font-size: 25px;
  font-weight: bold;
}

.psc-FRWK\/Util\/Title {
  font-size: 32px;
  font-weight: bold;
}

.psc-Tonello\/Title {
  border-bottom-color: #a0a0a0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 32px;
  font-weight: bold;
}

.psc-Tonello\/baseStyle {
  font-family: Roboto;
  margin: 10px;
}

.psc-Tonello\/manuText {
  color: white;
}

.psc-Tonello\/pages {
  border-color: #6694C73F;
  border-style: solid;
  border-width: 1px;
  box-shadow: #000000 5px 5px 5pt;
  margin: 6px;
  opacity: 1;
  padding: 3px;
}

.psc-dashboard\/Common\/Components\/Elements\/dateTimeSimpleRangeSelectorButton {
  background-color: #0d6efd;
  border-color: #E0E0E0;
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #ffffff;
  font-family: inter;
  font-size: 12px;
  font-weight: 600;
  padding: 6px;
}

.psc-dashboard\/bordi {
  border-color: #4b5360;
  border-style: solid;
  border-width: 10%;
}

.psc-dashboard\/contenitore {
  background-color: #4b5360;
  border-style: hidden;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
}

.psc-dashboard\/contenitore1 {
  background-color: #FFFFFF;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 150px;
}

.psc-dashboard\/imagineTonda {
  border-top-left-radius: 10%;
  border-top-right-radius: 10%;
  border-bottom-left-radius: 10%;
  border-bottom-right-radius: 10%;
}

.psc-dashboard\/testo {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
}

.psc-dashboard\/testoCentrale {
  color: #4b5360;
  font-family: Arial;
  font-size: 15 px;
  font-weight: bold;
}

.psc-dashboard\/testoDesc {
  color: #FFFFFF;
  font-size: 12px;
}

.psc-dashboard\/testoLbl {
  font-family: Arial;
  font-size: 12px;
  text-align: center;
}

.psc-dashboard\/testoTitolo {
  color: #4b5360;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.psc-dashboard\/testoValue {
  color: #000000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/date-range\/date-range-selector\/label-style {
  background-color: var(--neutral-20);
  border-style: solid;
  border-width: 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  padding: 10px;
}

.psc-exchange\/date-range\/embedded-calendar\/day-label {
  font-weight: bold;
  text-align: center;
}

.psc-exchange\/date-range\/embedded-number\/hover-style {
  cursor: pointer;
}
.psc-exchange\/date-range\/embedded-number\/hover-style:hover {
  background-color: var(--neutral-20);
  color: var(--qual-2);
}

.psc-exchange\/date-range\/embedded-number\/selected-hover-style {
  background-color: var(--infoSecondary);
  cursor: pointer;
}

.psc-exchange\/date-range\/embedded-number\/selected-style {
  background-color: var(--qual-2);
  color: var(--neutral-10);
  cursor: pointer;
}

.psc-round_border {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.psc-shadow_box {
  box-shadow: #000000 5px 5px 5pt;
  margin: 6px;
  opacity: 1;
}

.psc-shadow_box_2 {
  box-shadow: #000000 2px 2px 3pt;
  font-family: Roboto;
  font-size: 12px;
  margin: 6px;
  opacity: 1;
}

.psc-tabellaInverter {
  background-image: }.ia_table__headContainer, .ia_table__footContainer {     box-shadow: none; }{  image;
}

@keyframes psc-Tonello\/TMP_anim-anim {
  0% {
    background-color: #a2dcff;
  }
  33% {
    background-color: #1c4b83;
  }
  66% {
    background-color: #94c53e;
  }
  100% {
    background-color: #71962f;
  }
}
.psc-Tonello\/TMP_anim {
  animation-name: psc-Tonello\/TMP_anim-anim;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-duration: 15s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}