/* Evidenzia in Giallo i campi con Focus */
 input:focus, textarea:focus, select:focus {
        background-color: yellow !important;
        outline: none;
        border-color: #ffcc00; }
/* Classe personalzizata per elementi che non devno essere evidenziati in giallo */
.no-focus:focus {
    background-color: #6c757d !important; /* Ripristina il colore originale */
    outline: none !important;
    border-color: #6c757d !important;
}
/* Altre Impostazioni di Stili  */
 body {
      overflow-x: hidden;
    }
    #MenuPrincipale {
      height: 100vh;
      width: 300px;
      position: fixed;
      top: 0;
      left: -300px;
      background: #5686c1; /* Sfondo blu */
      color: white;
      transition: all 0.3s;
      z-index: 1000;
      padding-top: 1rem;
	  
	overflow-x: auto; /* Abilita lo scrolling orizzontale */
	max-width: 100%; /* Opzionale, per limitare la larghezza massima */
	  
    }
    #MenuPrincipale.active {
      left: 0;
    }
    #MenuPrincipale h4 {
      text-align: center;
      color: white;
    }
    #ContenitorePrincipale {
      margin-left: 0;
      transition: margin-left 0.3s;
    }
    #ContenitorePrincipale.shifted {
      margin-left: 300px;
    }
    #navbarMenuPrincipale {
      background: #5686c1; /* Barra in alto blu */
      z-index: 999;
	  color: white;
    }

	#navbarMenuPrincipale .container-fluid {
    padding-left: 0; /* Rimuove il padding del container */
    display: flex; /* Utilizza il flexbox */
    justify-content: flex-start; /* Allinea tutto a sinistra */
}

	#navbar-brandMenuPrincipale {
		color: white;
		display: block; /* Imposta il <span> come un blocco per occupare tutta la larghezza disponibile */
		margin-left: 0; /* Rimuove margini sinistro */
		white-space: nowrap; /* Impedisce la rottura della riga */
	}

	/* #navbar-brandMenuPrincipale { */
		/* color: white; */
	/* } */
   	#accordion-buttonMenuPrincipale
    {
      background-color: #5686c1;
      color: white;
    }
    #accordion-buttonMenuPrincipale:not(.collapsed) {
      background-color: #5686c1;
      color: white;
    }
 	#Menu1 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu2 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu3 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu4 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu5 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu6 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu7 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu8 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu9 .accordion-body {
		background-color: #f5f5f5;
	}
	#Menu10 .accordion-body {
		background-color: #f5f5f5;
	}	
	#TitoloPagina {
		color: #5686c1;
	}
	#LinkBack {
		color: #5686c1; font-weight: normal;
	}
	#TitoloFiltri {
		color: #5686c1; font-weight: normal;
	}
	#TitoloFiltriLeggero {
		color: #5686c1; font-weight: normal; font-size: 0.9rem;
	}
	#MessaggiPagina {
		color: #6c757d; font-weight: bold; font-size: normal;
	}
	/* Bottoni di Conferma */
	#conferma, #ins, #conferma_finale, #estrai, #stampanonaggiorna {
		background-color: #6c757d; color: white; border-color: #6c757d;
	}
	
	/* Background Fisarmonica Aperta */
	#Fisarmonica .collapse {
		background-color: #e7f3ff;
	}	
	/* Titolo Fisarmonica CHIUSO */
	#Fisarmonica .accordion-button.collapsed {
	  background-color: #F7F7F7;   /* colore quando chiuso */
	}
	/* Titolo Fisarmonica APERTO */
	#Fisarmonica .accordion-button {
	  background-color: #D9D9D9;   /* colore quando aperto */
	}
	.submenu-header {
		color: #dc3545           !important; /* Stesso colore di Bootstrap link-primary */
		font-weight: 600; /* Un po' più spesso per differenziarlo */
	}

	.submenu-header:hover {
		color: #a71d2a            !important; /* Tonalità leggermente più scura al passaggio */
	}
	
	/* SELECT 2 */

	/* Sfondo per la parte visibile della select2 */
	.select2-container--bootstrap-5 .select2-selection {
		background-color: #f0f8ff; /* Cambia con il colore che preferisci */
	}

	/* Sfondo quando è attiva (focus) */
	.select2-container--bootstrap-5 .select2-selection:focus {
		background-color: yellow !important;
	}

	/* Sfondo per la tendina dei risultati */
	.select2-container--bootstrap-5 .select2-results__option {
		background-color: #E0FFFF;
	}

	/* Sfondo per le opzioni selezionate o hoverate */
	.select2-container--bootstrap-5 .select2-results__option--highlighted {
		background-color: #d0ebff !important;
	}

	/* FINE SELECT 2 */
	
	/* Background delle Modali Informative (es. Avvisi, Conferme, Messaggi, Scelte, ecc)*/ 
	.modal-bg-info {
		background-color: #E8F4FA;
	}
	/* Background delle Modali con di Form (es. Modifiche record, Fuori Magazzino e Descrizioni Libere su Documenti, ecc.)*/ 
	.modal-bg-form {
		background-color: #F7F7F7;
	}
	/* Imposta un hamburger bianco (le 3 lineette orizzonatli che aprono il mnù principale - cambia %23ffffff per altri colori) */
	#BottoneMenu .navbar-toggler-icon {
	  width: 1.5rem;
	  height: 1.5rem;
	  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	  background-repeat: no-repeat;
	  background-position: center;
	}
	/* Imposta colore dei triangolino che indicano apertura e chjusura di un menù - cambia %23ffffff per altri colori) */ 
	#FisarmonicaMenuPrincipale .accordion-button{
	  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.5 6.5l6 6 6-6z'/%3E%3C/svg%3E");
	  --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
	}