/*
  `main.css`
  ==========
  Foglio di stile “globale” dell’applicazione.

  Nota per junior dev:
  - Questo file contiene sia stili “di prodotto” (layout/branding) sia override di Bootstrap/Kendo.
  - Gli override globali (es. `.btn`, `.form-control`) impattano tutto il sito: prima di modificarli valuta le regressioni.
  - Le classi “utility” (es. `.noPadding`, `.pointer`) servono per piccoli aggiustamenti a livello markup.
*/

/* ==============================
   TABLE SPACING / PADDING
   ==============================
   Scopo: definire preset riutilizzabili per spaziatura tabelle.
   - `border-collapse: separate` consente `border-spacing`.
   - Usato quando non si vuole la tabella “compatta” di default.
*/
.table-pad2, .table-pad4
{
	border-collapse: separate;
}

/* Spaziatura tra celle: 2px */
.table-pad2
{
	border-spacing: 2px;
}

/* Spaziatura tra celle: 4px */
.table-pad4
{
	border-spacing: 4px;
}

/* Padding interno alle celle (preset legacy, naming diverso) */
.table-Padding2 TD
{
	padding: 2px;
}

/* ==============================
   SVG TEXT STYLES
   ==============================
   Scopo: uniformare dimensione e colori dei testi dentro SVG.
   - Le classi sono usate per evidenziare selezioni/risultati.
*/
.svg_text_normal, .svg_text_selected, .svg_text_selected_from_find_parts
{
	font-size: 0.7em;
}

/* Elemento selezionato in rosso */
.svg_text_selected
{
	fill: #cc0000; /* Font color */
}

/* Elemento selezionato da “find parts” (ricerca) in arancione */
.svg_text_selected_from_find_parts
{
	fill: orange; /* Font color */
	/*stroke-width: 2;*/
	font-size: 0.7em;
}

/* ==============================
   UTILITY CLASSES (micro-layout)
   ==============================
   Scopo: piccole correzioni rapide nel markup.
   Attenzione: abusarne può rendere la UI incoerente; preferire componenti dedicati.
*/

/* Forza padding = 0 (override aggressivo) */
.noPadding
{
	padding: 0px !important;
}

/* Padding piccolo */
.xsPadding
{
	padding: 0.2em !important;
}

/* Lista messaggi (es. validazioni) con indent coerente */
.ul_message
{
	padding: 0 0 0 1.5em;
}

/* ==============================
   MESSAGE STYLES
   ==============================
   Scopo: colori e dimensioni standard per messaggi di stato.
*/
.message-error, .message-warning, .message-info, .message-header
{
	font-size: 1.2em;
}

.message-error
{
	color: red;
}

.message-warning
{
	color: orange;
}

.message-info
{
	color: green;
}

/* ==============================
   KENDO UI LOADING OVERLAY
   ==============================
   Scopo: overlay “loading” visibile su widget Kendo.
   - `.k-loading-mask` copre l'area.
   - `.k-loading-text` mostra un box centrale.
*/
.k-loading-mask
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.15);
}

.k-loading-text
{
	margin-left: 50%;
	margin-right: 50%;
	margin-top: 1em;
	height: 2em;
	background-color: white;
	color: black;
	font-weight: bold;
	font-size: 14px;
	padding: 4px;
	width: 100px;
	border: 1px solid #000;
}

/* Placeholder: mantenuti per compatibilità con Kendo */
.k-loading-image
{
}

.k-loading-color
{
}

/* ==============================
   OVERRIDE BOOTSTRAP
   ==============================
   Scopo: adattare Bootstrap al tema/brand.

   Attenzione:
   - Questi override impattano tutti i pulsanti del sito.
   - Verificare login/checkout/admin quando si cambia.
*/

/* Bottoni: stile “brand” (crimson, Roboto, bold) */
.btn {
	padding: 10px 20px 10px;
	color: white;
	background-color: crimson;
	font-family: "Roboto", sans-serif;
	font-weight:bold;
	font-size:15px;
	border-radius: 0 !important;
}

/* Override specifico per `.btn-primary` (qui: padding e radius) */
.btn-primary {
	border-radius:0 !important;
	padding: 0px !important;
}

/* area commentata: vecchi override su `.form-control` e pannelli */
/*weightpack*/
/*.form-control
{
	border-radius: 5px !important;*/
	/*height: auto !important;*/
	/*padding: 2px !important;
	height:15px !important
}*/

/*weightpack*/
/*.panel {
border-radius: 10px !important;
}
.panel-default {
	border-radius: 10px !important;
}
.panel-heading {
border-top-left-radius:10px !important;
border-top-right-radius:10px !important;
}*/

/* Esempio locale: link dentro `#sample` in arancione */
#sample > a{
	background-color:orange !important;
}

/* ==============================
   PRINT
   ==============================
   Scopo: in stampa evitare la visualizzazione dell'URL dopo i link.
*/
@media print
{
	a[href]:after
	{
		content: none; /*" (" attr(href) ")";*/
	}
}

/* ==============================
   TOP MENU LAYOUT HELPERS
   ==============================
   Scopo: posizionamento menu e icone in testata.
*/
.bootstrap-icon-top-menu
{
	float: right;
	width: 40px;
	z-index: 10000;
	clear: right;
}

.pdt-navbar-left
{
	float: left;
}

.pdt-navbar-right
{
	float: right;
}

.pdt-container-fluid
{
	margin-right: 1em !important;
	padding-right: 0 !important;
}

/* Responsive: sotto 768px riduce font e compatta navbar */
@media (max-width: 768px)
{
	body
	{
		font-size: 12px;
	}

	.pdt-navbar-left, .pdt-navbar-right
	{
		float: right;
		clear: right;
		text-align: right;
	}

	.pdt-navbar-left
	{
		margin-top: 2em;
		margin-bottom: 0;
	}

	.pdt-navbar-right
	{
		margin-top: 0;
	}
}

/* `.btn-primary` “invertito”: sfondo bianco e testo nero */
.btn-primary
{
	background-color: #fff !important;
	border-color: #c0c0c0 !important;
	color: #000 !important;
}

/* Ripristino stile pulsante SI nei dialog bootbox */
.bootbox .modal-footer .btn-primary
{
	background-color: crimson !important;
	border-color: crimson !important;
	color: #fff !important;
	padding: 10px 20px !important;
}

/* Stato disabilitato (visuale) */
.btn-disabled
{
	opacity: 0.5;
}

/* ==============================
   LANGUAGE SELECT HEADER
   ==============================
   Scopo: blocco con sfondo “rigato” e testo centrato.
*/
.LabSelectYourLanguage
{
	background-image: url("./images/sfondo_grigio.png");
	background-repeat: repeat-x;
	background-position: center center;
	text-align: center;
	font-size: 1.1em;
}

	.LabSelectYourLanguage SPAN
	{
		background-color: #fff;
		padding: 0 0.5em;
	}

/* ==============================
   LINK LIST / ICON AREAS
   ==============================
   Scopo: styling liste verticali e blocchi collegamenti.
*/
.titolo_elenco_link
{
	background-color: #f5f5f5;
	border-bottom: solid#808080 1px;
	text-align: center;
	font-size: 1.3em;
}

ul.vert_elenco_link li
{
	margin-left: -40px;
}

#boxIconeFunzionali
{
	padding: 5px;
	border: 0px solid #c0c0c0;
	font-weight: 700;
	width: auto;
	float: left;
}

.boxElencoLink
{
	min-height: 100px;
}

/* Footer con icone (nascosto di default) */
.FooterIconList
{
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 65px;
	width: 100%;
	background-color: #2c2c2c;
	border-top: solid 2px #da151a;
	padding-top: 3px;
	display: none;
}

/* Utility: colori link */
.iconLinkRed
{
	color: #da151a;
	font-weight: 700;
}

.iconLinkBlue
{
	color: blue;
	font-weight: 700;
}

.iconLinkGreen
{
	color: green;
	font-weight: 700;
}

/* Lista a righe alternate */
ul.vert_elenco_link li
{
	padding-top: 1em;
	padding-bottom: 1em;
	border-left: solid 2px #dcdcdc;
}

	ul.vert_elenco_link li:nth-child(odd)
	{
		background-color: #dcdcdc;
		border-left: solid 2px #dcdcdc;
	}

	ul.vert_elenco_link li:nth-child(even)
	{
		background-color: #fff;
		border-left: solid 2px #fff;
	}

	ul.vert_elenco_link li a
	{
		padding-left: 2em;
	}

/* Evidenziazione “target” (usata in JS) */
.targetON
{
}

.setTrgtOn
{
	/*padding-bottom:2px;*/
	border-bottom: solid 1px #da151a;
	opacity: 1 !important;
}

.elenco A:hover
{
	text-decoration: none;
}

/* ==============================
   STICKY FOOTER (parziale)
   ==============================
   Scopo: predisposizione layout con footer “a fondo pagina”.
   Qui è rimasta in parte commentata/legacy.
*/
html
{
	position: relative;
	max-height: 99%;
}

body
{
	/* Margin bottom by footer height */
	/*margin-bottom: 60px;*/
}

/* ==============================
   GENERIC LAYOUT HELPERS
   ==============================
*/
.displayCentrale
{
	/* margin-top:-100px;*/
	/*soluzione provvisoria*/
}

.red_sel_tag
{
	border-left: solid 2px #da151a !important;
}

.othIcoHorList:first-of-type
{
	margin-left: -30px;
}

.othIcoHorList > .altraIco > img
{
	padding-bottom: 3px;
}

.boxElencoLink div
{
}

/* BreadCrumb bar: base */
.breadcrumb_bar
{
	border: solid 0px red;
	background-color: #d6d6d6;
	padding: 0.2em 0;
}

/* weightpack: angoli arrotondati */
.breadcrumb_bar {
	border-radius:10px;
}
.box_rx {
	border-radius:10px;
}

.menu_topic >li {
	border-radius: 10px !important;
}

/* Dropdown menu topbar */
.navbar-default .navbar-nav > li > .dropdown-menu
{
	background-color: #2c2c2c;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
	background-color: #60626d;
}

.no-margin
{
	margin: 0;
}

/* ==============================
   BREADCRUMB / BOOTSTRAP OVERRIDES
   ==============================
*/
.breadcrumb
{
	background: none !important;
	border-radius: unset;
}

.table-seach-matricola thead th
{
	padding-bottom: 1em;
}

.table-seach-matricola tbody TD
{
	line-height: 2em;
}

.breadcrumb > li + li::before
{
	color: #000 !important;
	content: "/ ";
	padding: 0 5px;
}

.breadcrumb > .active
{
	color: #000 !important;
}

/* Fix sup/sub posizionamento (legacy) */
sub, sup
{
	position: page !important;
	vertical-align: initial !important;
}

.bg-evidence
{
	background-color: #d6d6d6;
}

#topbar.navbar-default
{
	border-bottom: 4px solid #da151a;
}

tbody.prodotti tr td
{
	height: 3em;
}

.SectionIconList
{
	margin-left: 1%;
}

.SelectedSection
{
	background-color: white; /*lightgray;*/
}

/* Icon size base */
.docsType
{
	width: 20px;
}

/* Icon size desktop */
@media (min-width: 1200px)
{
	.docsType
	{
		width: 40px;
	}
}

.wcento
{
	width: 100%;
}

/* Link list: testo a capo e larghezza controllata */
ul.vert_elenco_link li a
{
	padding-left: 2em;
	white-space: normal;
	width: 85%;
	display: inline-block;
}

/* Cursore “mano” su elementi cliccabili */
.pointer
{
	cursor: pointer;
}

.padding-left-0
{
	padding-left: 0px;
}

.no-visible
{
	visibility: hidden;
}

.no-padding
{
	padding: 0px;
}

.no-bold
{
	font-weight: normal !important;
}

/* bootstrap layout tweaks */
body
{
	padding-top: 0 !important;
}

.row
{
	border: 0 !important;
}

/* ==============================
   CART BADGES
   ==============================
   Scopo: pallini/contatori rossi su icone carrello.
*/
.cart-point-circle, .cart-point-number
{
}

.cart-point-circle, .cart-point-circle-checklist
{
	font-size: 1em !important;
	color: red !important;
	padding-right: 0 !important;
	top: -0.7em !important;
	z-index: 99;
}

.cart-point-circle
{
	left: 0.2em !important;
}

.cart-point-circle-checklist
{
	left: 0.7em !important;
}

.cart-point-number, .cart-point-number-checklist
{
	font-family: Arial !important;
	padding-right: 0 !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 0.6em !important;
	top: -1.2em !important;
	z-index: 100;
}

.cart-point-number
{
	left: 0.4em !important;
}

.cart-point-number-checklist
{
	left: 1.3em !important;
}

/* ==============================
   SCHEDE MANUTENZIONE (legacy)
   ==============================
*/
.btn-scheda-manutenzione, .btn-cart-scheda-manutenzione
{
	height: 3em;
}

.btn-cart-scheda-manutenzione
{
	width: 4em;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

.cart-point-to-scheda-manutenzione
{
	font-size: .7em !important;
	color: red !important;
	padding-right: 0 !important;
	top: -0.6em !important;
	left: .9em !important;
	z-index: 99;
}

/* Nasconde colonne “di sistema” del WebGrid */
.WebGridSystemCol
{
	width: 0px !important;
	display: none !important;
}

/* ==============================
   CATEGORIE / MENU ICONS
   ==============================
*/
.icon-category
{
	display: inline-block;
	width: 30px;
	height: auto;
}

.name_cat_here
{
	margin-left: 5px;
}

/* area commentata: vecchia gestione “more options” */
.cat_more_options
{
/*	float: right;
	display: block;
	background-color: white;
	border: solid 1px #d6d6d6;
	position: absolute;
	z-index: 999;
	left: 97%;*/
}

.toggle_more_options
{
	float: right;
	margin-right: 50px;
	margin-top: -15px;
	font-size: 17px;
}

.ellip_menu_item
{
	font-size: 11px;
	color: dimgrey;
	font-weight: 700;
	text-align: left;
	padding: 0 10px 10px 0;
}

.fa-ellipsis-h
{
	font-size: 25px;
}

/* ==============================
   jQuery File Upload
   ==============================
   Scopo: stile dei bottoni/overlay del plugin di upload.
*/
.btn-jquery-upload
{
	background-color: #d6d6d6;
	border-color: #9f9f9f;
	color: #252525 !important;
	height: 3em;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 0.5em;
	width: 100%;
}

	.btn-jquery-upload:hover
	{
		color: lightyellow;
	}

.fileinput-button span
{
}

/* Input file reso “gigante e trasparente” sopra il bottone:
   clicchi il bottone, ma in realtà clicchi l'input file */
.fileinput-button input
{
	cursor: pointer;
	direction: ltr !important;
	font-size: 200px !important;
	margin: 0 !important;
	opacity: 0 !important;
	position: absolute !important;
	right: 0;
	top: 0;
}

/* ==============================
   LIST + TEXT ALIGN
   ==============================
*/
li.nobar:before
{
	content: none !important;
}

.text-right
{
	text-align: right;
}

/* Icon edit su matricola */
.icon-edit-matricola
{
	font-size: 1em;
	color: white !important;
	margin: 0.2em 0 0 0.5em;
	float: right;
}

/* Ingrandisce checkbox (attenzione: può rompere layout) */
.checkbox-large
{
	transform: scale(1.5);
}

/* ==============================
   ROTATED TEXT (compatibilità IE)
   ==============================
   Scopo: testo ruotato 90° con fallback per vecchi IE.
*/
.rotated-textOFF
{
	display: inline-block;
	/*overflow: hidden;*/
	/*width: 3%;*/
	/*padding-left: 2pt;*/
}

.rotated-text__inner
{
	display: inline-block;
	margin: 0 0 0 0!important;
	white-space: nowrap;
	/* this is for shity "non IE" browsers
       that dosn't support writing-mode */
	-webkit-transform: translate(1.1em,0) rotate(90deg);
	-moz-transform: translate(1.1em,0) rotate(90deg);
	-o-transform: translate(1.1em,0) rotate(90deg);
	transform: translate(1.1em,0) rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	/* IE9+ */
	-ms-transform: none;
	-ms-transform-origin: none;
	/* IE8+ */
	-ms-writing-mode: tb-rl;
	/* IE7 and below */
	*writing-mode: tb-rl;
}

	.rotated-text__inner:before
	{
		content: "";
		float: left;
		margin-top: 100%;
	}

/* ==============================
   FORM CONTROLS / WEBGRID
   ==============================
   Scopo: rendere i controlli più “flat” e togliere ombre.
*/
.form-control {
	height:auto !important;
}

.form-control:focus {
	border: solid 1px #c0c0c0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.webgrid-header {
	background-color:#c0c0c0 !important;
}
.webgrid-footer{
	background-color:#c0c0c0 !important;
}

/* ################## MODIFICHE 2025 ##############
   Scopo: nuove classi introdotte per i restyling 2025.
*/

/* Variante di form-control (probabilmente usata in nuove viste) */
.ee_form_control {
	border-radius: 0 !important;
	border: solid 1px !important;
}