* {
	font-family: sans-serif;
	font-size: 10pt;
}

@media screen, print {
	/* Le regole seguenti sono SOLO le differenze rispetto a hyper/stile.css: */
	/* qualsiasi altra regola condivisa arriva da stile.css, caricato prima */
	/* di questo file (vedi libs_main in config.php). */

	.submenu a, .copyright_panel a, .logout a {
		color: #ffffff;
	}

	/* ***** SUBHEADER BAR ***** */
	.hy__subheaderbar {
		background-color: #2e3b4d;
		background-image: none;
		color: #ffffff;
	}

	/* ***** USERUI BAR ***** */
	#hy__userui_menucolumn {
		border-color: #b8862e;
	}
	
	/* ***** SUBMENU BLOCKS ***** */
	.submenu .title {
		font-family: "Lucida Console", "Courier New", monospace;
	}
	
	/* ALLEGATI */
	
	:root {
		--colore1: #2e3b4d;
		--colore2: #2e3b4d;
		--colore3: #2e3b4d;
		--colore4: #2e3b4d;
		--colore5: #2e3b4d;
	}
	
	/*
	.allegati-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 12px;
		margin-top: 0;
		margin-bottom: 8px;
		border-bottom: 2px solid #b8862e;
		position: sticky;
		top: 0;
		background: #ffffff;
		z-index: 100;
		margin-left: 0;
		margin-right: 0;
		box-shadow: 0 2px 4px rgb(32 24 24 / 5%);
	}

	.allegati-upload-btn {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 8px 16px;
		border: none;
		background: #2e3b4d;
		color: white;
		border-radius: 6px;
		font-size: 13px;
		font-weight: 600;
		cursor: pointer;
		transition: all 0.2s ease;
	}

	.allegati-toggle-btn {
		width: 32px;
		height: 32px;
		padding: 0;
		border: none;
		background: var(--colore2, #2e3b4d);
		color: white;
		border-radius: 4px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
	}

	.allegati-view-btn.active {
		background: white;
		color: #2e3b4d;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}

	.allegati-title {
		margin: 0;
		font-size: 18px;
		font-weight: 600;
		color: var(--colore1, #7E98BF);
	}
*/	
	/* ***** USERUI CONTENT COLUMN ***** */
	/* ***** UI FORM ITEMS ***** */
		/* *** BUTTONS *** */

	.table_menu {
		border-collapse: collapse;
	}
}


	/* COLORE TEMA SCURO */
	.theme_color_1 {
		background-color: #2e3b4d ;
	}
	.text_color_1 {
		color: #FFFFFF;
	}
	.submenu .separator {
		border-top-color: #b8862e;
	}
	.submenu {
		border-bottom-color: #b8862e;
	}
	
	hr {
		border-color: #b8862e;
	}
	
	/* COLORE TEMA CHIARO */
	.theme_color_2 {
		background-color: #2e3b4d;
		color: #ffffff;
	}
	.border_color_1 {
		border-color: #e0e0e0;
	}
	
	.line_bar {
		background-color: #F0CFB1;
	}
	
	/* COLORE TEMA SFONDO PRINCIPALE */
	.theme_color_3 {
		background-color: #f0f0f0; 
	}
			
	/* TEMA HEADER BAR */
	.hy__headerbar {
		background-color: #2e3b4d;
		/* background: url(images/tiled_header.jpg) no-repeat; */
	}

	.login_info {
		background-color: #000000;
	}

	.hy__headerbar {
		width: 100%;
		height: 80px;
		border-color: #a9b1b4;
		border-style: solid;
		border-width: 0px 0px 0px 0px;
	}

	/* TEMA SCRITTA HYPER */
	.hlhyper {
		color: #e2903c;
		text-shadow: #1B4F72 -2px 2px 2px;
	}	
	.hltype {
		color: #fffeff;
		text-shadow: #1B4F72 -2px 2px 2px;
	}
	.hlversion {
		color: #e2903c;
		text-shadow: #1B4F72 -2px 2px 2px;
	}
	
	.rosso {
		color: #049DBF;
	}
	
	
	/* CSS FLOT */
	.flot-container {
		box-sizing: border-box;
		width: 850px;
		height: 600px;
		padding: 20px 15px 15px 15px;
		margin: 15px auto 30px auto;
		border: 1px solid #ddd;
		background: #fff;
		background: linear-gradient(#f6f6f6 0, #fff 50px);
		background: -o-linear-gradient(#f6f6f6 0, #fff 50px); 
		background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); 
		background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); 
		background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); 
		box-shadow: 0 3px 10px rgba(0,0,0,0.15);
		-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
		-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	}

	.flot-placeholder {
		width: 100%;
		height: 100%;
		font-size: 14px;
		line-height: 1.2em;
	}

	.legend table {
		border-spacing: 5px;
	}

	.hidden {
		display: none;
	}

	/* STILE PAGINE GESTIONE CLIENTI (c_clienti.php) */


	.c_clienti_titoli {
		background-color: #b8862e;
		border: 1px solid #b8862e;
		color: #ffffff;
		padding: 0.5em 0.5em 0.5em 1.5em;
		font-weight: bold;
		font-size: 110%;
	}

	.c_clienti_titoli h1 {
		margin: 0;
		font-size: 100%;
		font-weight: bold;
	}

	/* Barra titolo del ticket (view/modify/insert): titolo e stato sulla stessa riga, centrati verticalmente, stessa posizione orizzontale di prima */
	.c_ticket_titoli {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 4px;
	}

	.c_ticket_titoli h1 {
		margin: 0;
	}

	/* Spazio tra l'ultimo campo del form (Note) e la sezione allegati sottostante */
	.c_ticket_allegati_section {
		margin-top: 25px;
	}

	/* Caselle numeri pagina e frecce della paginazione, solo nella lista ticket, leggermente arrotondate */
	.c_ticket_paginazione .pagenavnumber,
	.c_ticket_paginazione .pagenavnumberselected,
	.c_ticket_paginazione .pagenavbutton,
	.c_ticket_paginazione .pagenavbuttondisabled {
		border-radius: 3px;
	}

	/* Hover paginazione ticket: stesso oro della testata invece dell'arancio di default */
	.c_ticket_paginazione .pagenavnumber:hover,
	.c_ticket_paginazione .pagenavbutton:hover {
		background-color: #b8862e;
	}

	.c_clienti_tabella_wrapper {
		margin-bottom: 20px;
		margin-top: 0;
		border: 1px solid #e0e0e0;
		border-top: none;
		background-color: #d8d4c4;
		padding: 10px;
		overflow-x: auto;
	}

	.c_clienti_tabella_wrapper table.table_menu {
		background-color: #ffffff;
		border-collapse: collapse;
		border-spacing: 0;
	}

	.c_clienti_tabella_wrapper table.table_menu td,
	.c_clienti_tabella_wrapper table.table_menu th {
		padding: 2px 10px;
		text-align: left;
		line-height: 1.1;
		vertical-align: middle;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr:not(.hy__tableheaderbar):nth-child(odd) {
		background-color: #ffffff;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr:not(.hy__tableheaderbar):nth-child(even) {
		background-color: #f2ede0;
	}

	/* lista ticket: ogni record occupa 2 <tr> (dati + descrizione), quindi l'alternanza va a coppie di righe */
	/* riga 1 = intestazione, non conta: coppie dati partono dalla riga 2 */
	.c_ticket_tabella_compatta table.table_menu tbody tr:not(.hy__tableheaderbar):nth-child(4n+2),
	.c_ticket_tabella_compatta table.table_menu tbody tr:not(.hy__tableheaderbar):nth-child(4n+3) {
		background-color: #f2ede0;
	}

	.c_ticket_tabella_compatta table.table_menu tbody tr:not(.hy__tableheaderbar):nth-child(4n),
	.c_ticket_tabella_compatta table.table_menu tbody tr:not(.hy__tableheaderbar):nth-child(4n+1) {
		background-color: #ffffff;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr:not(.hy__tableheaderbar):hover {
		background-color: #FFEEC9 !important;
	}
	/* #FFEEC9 */

	/* lista ticket: dati e descrizione sono 2 <tr> dello stesso ticket, quindi il passaggio del mouse su uno dei due evidenzia entrambi */
	.c_ticket_tabella_compatta table.table_menu tbody tr.c_ticket_riga_dati:hover + tr.c_ticket_riga_descrizione,
	.c_ticket_tabella_compatta table.table_menu tbody tr.c_ticket_riga_dati:has(+ tr.c_ticket_riga_descrizione:hover) {
		background-color: #FFEEC9 !important;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr.c_unita_operativa_chiusa {
		/* background-color: #cfcfcf !important; */
		font-style: italic;
		color: #777777;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr.c_unita_operativa_chiusa:hover {
		background-color: #bfbfbf !important;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr.c_tempistica_disattivata {
		font-style: italic;
		color: #777777;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr.c_tempistica_disattivata:hover {
		background-color: #bfbfbf !important;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr.c_cliente_disattivato {
		font-style: italic;
		color: #777777;
	}

	.c_clienti_tabella_wrapper table.table_menu tbody tr.c_cliente_disattivato:hover {
		background-color: #bfbfbf !important;
	}

	.c_clienti_tabella_wrapper .logo_buttons {
		padding: 2px;
		line-height: 0;
	}

	/* righe più sottili solo per la lista ticket */
	.c_ticket_tabella_compatta table.table_menu td,
	.c_ticket_tabella_compatta table.table_menu th {
		padding: 3px 10px;
		line-height: 1.3;
	}

	/* larghezza colonne fissa (presa dalla riga di intestazione): la tabella non si allarga mai oltre la pagina, */
	/* cosi' la descrizione lunga viene troncata con i tre puntini invece di spingere il contenuto a destra */
	.c_ticket_tabella_compatta table.table_menu {
		table-layout: fixed;
		width: 100%;
	}

	/* intestazione colonne piu' alta della riga dati compatta (specificita' maggiore della regola sopra) */
	.c_ticket_tabella_compatta table.table_menu tr.hy__tableheaderbar th {
		padding: 8px 10px;
	}

	/* descrizione troncata su una riga con ... e tooltip col testo completo al passaggio del mouse */
	.c_ticket_descrizione_troncata {
		display: block;
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.c_clienti_tabella_wrapper .logo_buttons img {
		display: block;
		width: 16px;
		height: 16px;
	}
	.c_clienti_actions {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.c_clienti_form_actions {
		margin-top: 15px;
		padding-top: 10px;
		border-top: 1px solid #b0aca0;
	}

	.logo_buttons {
		background-color: transparent;
		border: none;
		padding: 0;
		cursor: pointer;
	}

	.c_clienti_actions .btn,
	.c_clienti_form_actions .btn,
	.c_clienti_tabella_wrapper .btn,
	.c_clienti_modal_actions .btn {
		display: inline-block;
		background-color: #f0f0f0;
		color: #000000;
		border: 1px solid #a9a9a9;
		border-radius: 2px;
		padding: 4px 12px;
		margin-right: 8px;
		cursor: pointer;
		font-size: 13px;
	}

	.c_clienti_actions .btn:hover,
	.c_clienti_form_actions .btn:hover,
	.c_clienti_tabella_wrapper .btn:hover,
	.c_clienti_modal_actions .btn:hover {
		background-color: #e0e0e0;
	}

	/* Bottoni azione nella pagina di visualizzazione ticket: bordi leggermente arrotondati, hover blu come la sidebar */
	.c_ticket_azioni .btn {
		border-radius: 4px;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}

	.c_ticket_azioni .btn:hover,
	.c_ticket_azioni .btn:focus,
	.c_ticket_azioni .btn:active {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		outline: none;
	}

	.c_ticket_azioni .btn:hover {
		background-color: #2e3b4d;
		color: #ffffff;
		border-color: #2e3b4d;
	}

	.c_clienti_modal_overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1000;
	}

	.c_clienti_modal_overlay.hidden {
		display: none;
	}

	.c_clienti_modal_box {
		background-color: #d8d4c4;
		border: 1px solid #e0e0e0;
		padding: 20px 25px;
		max-width: 400px;
		text-align: center;
	}

	.c_clienti_modal_box p {
		color: #000000;
		margin-top: 0;
		margin-bottom: 20px;
		font-size: 15px;
	}

	.c_clienti_form_wrapper {
	/*	background-color: #d8d4c4; */
		border: 1px solid #e0e0e0;
		border-top: none;
		padding: 15px 20px;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.c_clienti_tabs_nav {
		background-color: #e0ddd1;
		border: 1px solid #e0e0e0;
		border-top: none;
		border-bottom: none;
		padding: 8px 12px 0 12px;
	}

	.c_clienti_tab_btn {
		display: inline-block;
		background-color: #e0ddd1;
		color: #000000;
		border: 1px solid #a9a9a9;
		border-bottom: none;
		border-radius: 4px 4px 0 0;
		padding: 6px 16px;
		margin-right: 4px;
		cursor: pointer;
		font-size: 13px;
		font-weight: bold;
		position: relative;
		top: 1px;
	}

	.c_clienti_tab_btn:hover {
		background-color: #d8d4c4;
	}

	.c_clienti_tab_btn.active {
		background-color: #b8862e;
		color: #ffffff;
		border-color: #b8862e;
	}

	.c_clienti_tab_pane {
		margin-bottom: 20px;
	}

	.c_clienti_tab_pane.hidden {
		display: none;
	}

	.c_clienti_form_table {
		border-collapse: collapse;
	}

	.c_clienti_form_table td {
		padding: 4px 8px;
		vertical-align: middle;
	}

	.c_clienti_form_table td.c_clienti_form_label {
		white-space: nowrap;
	}

	.c_clienti_form_table td.c_clienti_form_label label {
		font-weight: bold;
		color: #000000;
	}

	.c_clienti_form_table input[type="text"],
	.c_clienti_form_table input[type="email"] {
		padding: 3px 5px;
		border: 1px solid #a9a9a9;
		font-family: inherit;
		font-size: 100%;
	}

	.c_clienti_form_table input[type="text"]:focus,
	.c_clienti_form_table input[type="email"]:focus {
		border-color: #b8862e;
		outline: none;
	}

	/* Sfondo grigio per i campi non modificabili, cosi' si distinguono a colpo d'occhio da quelli editabili */
	.c_clienti_form_table input[type="text"]:read-only,
	.c_clienti_form_table input[type="email"]:read-only,
	.c_clienti_form_table input[type="datetime-local"]:read-only,
	.c_clienti_form_table textarea:read-only {
		background-color: #f0f0f0;
		border: 1px solid #b0aca0;
		cursor: default;
		
	}

	/* Le select disabilitate (vista sola lettura) devono avere lo stesso aspetto di quelle attive, non il grigio nativo del browser */
	.c_clienti_form_table select:disabled {
		opacity: 1;
		-webkit-text-fill-color: #000000;
		color: #000000;
		background-color: #f0f0f0;
		border: 1px solid #b0aca0;
		
	}

	/* Intestazioni di sezione dentro il form ticket, per raggruppare visivamente i campi correlati */
	.c_clienti_form_table tr.c_form_section_title td {
		padding-top: 16px;
		padding-bottom: 4px;
		border-bottom: 1px solid #b0aca0;
		color: #b8862e;
		font-weight: bolder;
		font-size: 95%;
		text-transform: uppercase;
	}

	/* Dimensioni campi form ticket: una classe per campo, cosi' ognuno si puo' ritoccare senza toccare gli altri */
	.c_clienti_form_table .campo_progressivo {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_operatore {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_richiedente {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_rapporto_operatore {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_cliente {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_unita_operativa {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_telefono {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_indirizzo {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_comune {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_tipologia_intervento {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_tempistica {
		width: 350px;
		height: 23px;
	}

	.c_clienti_form_table .campo_data_ora_inserimento {
		width: 200px;
		height: 25px;
	}

	.c_clienti_form_table .campo_rapporto_data_rapporto {
		width: 200px;
		height: 25px;
	}

	.c_clienti_form_table .campo_rapporto_data_intervento {
		width: 200px;
		height: 25px;
	}

	.c_clienti_form_table .campo_oggetto {
		width: 380px;
		height: 100px;
	}

	.c_clienti_form_table .campo_rapporto_note_eseguito {
		width: 380px;
		height: 100px;
	}

	.c_clienti_form_table .campo_note {
		width: 380px;
		height: 80px;
	}

	.c_clienti_form_table td.label_offset {
		padding-left: 100px;
	}