@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
body {
	font-family: 'Poppins', sans-serif !important;
}
.Titoli {
	color: #3c5673;
	padding-left: 10px;
	font-size: 1.2em;
}
body#Interna {
	background-color: #fff;
	padding: 5px;
	padding-inline: 10px;
}

.forgot {
	border: 0;
	background: none;
	font-family: 'Poppins', sans-serif !important;
	color: #3c5673;
	font-size: 0.8em;
	margin-top: 7px;
}
#lblInfo {
	color: #3d5675;
}
#pDatiPanel {
	margin-top: 10px;
}
.forgot:hover {
	border: 0;
	background: none;
	font-family: 'Poppins', sans-serif !important;
	cursor: pointer;
	color: #ffc10F;
}

        h1, h2 {
            text-align: center;
            color: #fff;
            font-weight: 100;
            margin-top: 200px;
            font-size: 60px;
            font-weight: 100;
        }

        h2 {
            font-size: 40px;
            margin-top: 0px;
        }
        
		#lblMenu 
		{
			font-weight: bold;
			padding-left:25px;
			}

        #tab {
            width: 50px;
            position: fixed;
            left: 0px;
            top: 100px;
            display: block;
            cursor: pointer;
            background-color: #00A8EC;
            color: #fbbb32;
            -webkit-border-top-right-radius: 15px;
            -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-topright: 15px;
            -moz-border-radius-bottomright: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            box-shadow: 0 0 5px #000;
            font-size: 25px;
            z-index:9;
        }
        #tab2 {
            width: 50px;
            position: fixed;
            left: 0px;
            top: 177px;
            display: block;
            cursor: pointer;
            background-color: #00A8EC;
            color: #fff;
            -webkit-border-top-right-radius: 15px;
            -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-topright: 15px;
            -moz-border-radius-bottomright: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            box-shadow: 0 0 5px #000;
            font-size: 25px;
            z-index:9;
        }

        .rotate {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            padding-left:12px;
        }

        #panel {
            position: fixed;
            left: 0px;
            top: 90px;
            background-color: #00A8EC;
            height: 250px;
            padding-bottom:20px;
            width: 0;
            -webkit-border-top-right-radius: 15px;
            -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-topright: 15px;
            -moz-border-radius-bottomright: 15px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            box-shadow: 0 0 5px #000;
            height:auto;
            min-height:200px;
            z-index:8;
            color: #fff;
        }
.RadTreeView_Office2007, .RadTreeView_Office2007 a.rtIn, .RadTreeView_Office2007 .rtEdit .rtIn input {color:#fff !important}
.RadTreeView_Office2007 .rtSelected .rtIn {background-image:none !important; background-color:#00A8EC !important; border: none !important; color: #000 !important}
 .RadTreeView_Office2007 a.rtIn:hover {color:Black !important; background-image:none !important; background-color:#00A8EC !important; border: none !important; }
 
 div.delModal {
            position:absolute;
            border:solid 1px black;
            padding:8px;
            background-color:#fbbb32;
            width:230px;
            height:200px;
            right:15px;
            z-index:9;
            text-align:right;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            box-shadow: 0 0 5px #000;
        }
 
 
 
        #panel .content {
            width: auto;
            padding-right:20px;
            margin-left: 50px;
            margin-top:20px;
            display: none;
        }
        
/*#wcTile1_lblMenu, #wcTile2_lblMenu,#wcTile3_lblMenu,#wcTile4_lblMenu,#wcTile5_lblMenu,#wcTile6_lblMenu,#wcTile7_lblMenu, #wcTile8_lblMenu, #wcTile9_lblMenu, #wcTile10_lblMenu {top:20px; text-align:right; width:90%; }
#pTile {margin:auto; width:480px;}
#wcTile1_pTile, #wcTile2_pTile, #wcTile3_pTile, #wcTile4_pTile, #wcTile5_pTile, #wcTile6_pTile, #wcTile7_pTile, #wcTile8_pTile , #wcTile9_pTile, #wcTile10_pTile { float: left; position: relative; margin: 0.5em; padding: 0.5em; background: #555; width: 15em; height: 12em; text-decoration: none; cursor: pointer; overflow: hidden; color: #fff; background: #00a8ec; z-index: 9; }
#wcTile1_pTile:hover, #wcTile2_pTile:hover, #wcTile3_pTile:hover, #wcTile4_pTile:hover, #wcTile5_pTile:hover, #wcTile6_pTile:hover, #wcTile7_pTile:hover, #wcTile8_pTile:hover, #wcTile9_pTile:hover, #wcTile10_pTile:hover { opacity: 0.85; filter: alpha(opacity=25); }
#wcTile1_pTile span, #wcTile2_pTile span, #wcTile3_pTile span, #wcTile4_pTile span, #wcTile5_pTile span, #wcTile6_pTile span, #wcTile7_pTile span, #wcTile8_pTile span, #wcTile9_pTile span, #wcTile10_pTile span { position: absolute; left: 0.5em; bottom: 0.5em; font-size: 1em; font-weight: bold; z-index: 8; }
#wcTile1_pTile img.icon, #wcTile2_pTile  img.icon, #wcTile3_pTile  img.icon, #wcTile4_pTile  img.icon, #wcTile5_pTile  img.icon, #wcTile6_pTile  img.icon, #wcTile7_pTile  img.icon, #wcTile8_pTile  img.icon, #wcTile9_pTile  img.icon, #wcTile10_pTile  img.icon{ position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; z-index: 7; }
#wcTile1_pTile img.big, #wcTile2_pTile img.big, #wcTile3_pTile img.big, #wcTile4_pTile img.big, #wcTile5_pTile img.big, #wcTile6_pTile img.big, #wcTile7_pTile img.big, #wcTile8_pTile img.big , #wcTile9_pTile img.big , #wcTile10_pTile img.big { margin-left: -64px; margin-top: -64px; }
#wcTile1_pTile img.cover, #wcTile2_pTile img.cover, #wcTile3_pTile img.cover, #wcTile4_pTile img.cover, #wcTile5_pTile img.cover, #wcTile6_pTile img.cover, #wcTile7_pTile img.cover, #wcTile8_pTile img.cover, #wcTile9_pTile img.cover, #wcTile10_pTile img.cover  { position: absolute; left: 0; top: 0; width: 100%; z-index: 6; }
#wcTile3_pTile {top:-14em;}
.width2 { width: 32em !important;  }
.width3 { width: 49em !important; }
.width4 { width: 66em !important; }
.height2 { height: 26em !important;}
.height3 { height: 28em !important; }
.height4 { height: 38em !important; }*/


[id^="wcTile"] {
	background-color: transparent !important;

}

.sottolineato {
	position: relative;
	display: inline-block;
}
	.sottolineato::after {
		content: "";
		position: absolute;
		left: 0;
		/* 1. Spingiamo il box sotto la parola di 20 pixel, così non tocca la "p" */
		bottom: -20px;
		width: 100%;
		/* 2. Altezza reale dell'onda bassa e schiacciata */
		height: 68px;
		/* 3. SVG modificato: viewBox passato da 150 a 170 per non tagliare il bordo in basso */
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 170' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23f7b731' stroke-width='14' stroke-linecap='round' d='M3,146.1c17.1-8.8,33.5-17.8,51.4-17.8c15.6,0,17.1,18.1,30.2,18.1c22.9,0,36-18.6,53.9-18.6 c17.1,0,21.3,18.5,37.5,18.5c21.3,0,31.8-18.6,49-18.6c22.1,0,18.8,18.8,36.8,18.8c18.8,0,37.5-18.6,49-18.6c20.4,0,17.1,19,36.8,19 c22.9,0,36.8-20.6,54.7-18.6c17.7,1.4,7.1,19.5,33.5,18.8c17.1,0,47.2-6.5,61.1-15.6'%3E%3C/path%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		z-index: 1;
	}
.titoloHome {
	font-weight: 400;
	font-size: 3.5em;
	line-height: 1.143;
	color: #164274;
	font-family: 'Poppins', sans-serif;
	margin-top: 20px;
}

span[id^="wcTile"][id$="_lblMenu"] {
	font-weight: 700;
	font-size: 1.3em;
	color: #164274;
	font-family: 'Poppins', sans-serif;
	
}
span[id^="wcTile"][id$="_lblDescrizione"] {
	font-size: 1.0em;
	color: #161827;
	font-family: 'Poppins', sans-serif;
}
i[id^="wcTile"][id$="_iIcon"] {

	color: #164274;
	margin:0 !important
}

/* menu 2026 */
.wrapper {
	display: flex; /* Mette sidebar e main affiancati */
	width: 100%;
	margin-top: 85px; /* Spinge giù il wrapper per non farlo finire SOTTO l'header fisso */
	min-height: calc(100vh - 85px); /* Altezza minima per riempire lo schermo */
}
#sidebar {
	width: 260px; /* Scegli la larghezza che preferisci */
	min-width: 260px; /* Impedisce alla sidebar di rimpicciolirsi */
	height: calc(100vh - 85px); /* Altezza perfetta che volevi */
	/* La blocchiamo a sinistra mentre la pagina main scorre */
	position: sticky;
	top: 85px;
	/* Il tuo sfondo opzione 1 (es. con sfumatura o ombra per non essere netta) */
	background: linear-gradient(90deg, #3d5675 0%, #4a678d 100%);
	box-shadow: 8px 0 24px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	padding: 20px;
}
#main {
	flex-grow: 1; /* Prende tutto lo spazio che resta a destra */
	background-color: #f0f6fa; /* Il celeste chiarissimo del tuo sito */
	padding: 20px; /* Spazio interno per i contenuti della dashboard */
	box-sizing: border-box;
	min-height: calc(100vh - 85px);

}
/* ==========================================================================
   SELEZIONE MESI FLUIDA - COLORAZIONE BLU & ARANCIO ATTIVO (button-active)
   ========================================================================== */

.month-selector-fluid {
	display: flex !important;
	flex-direction: row !important; /* Tutti su una riga orizzontale */
	flex-wrap: wrap !important; /* Va a capo solo se indispensabile */
	gap: 8px !important; /* Spazio preciso tra i pulsanti */
	justify-content: flex-start !important; /* Allineati a sinistra */
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 12px 0 !important;
}

	/* STILE BASE DEI PULSANTI (Ora in Blu tuRnado) */
	.month-selector-fluid .button-popup {
		font-family: 'Poppins', sans-serif !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		/* Colori coordinati al brand */
		color: #ffffff !important; /* Testo bianco */
		background-color: #3d5675 !important; /* Sfondo Blu tuRnado */
		border: 1px solid #3d5675 !important; /* Bordo Blu */

		width: 115px !important;
		height: 38px !important;
		line-height: 36px !important;
		text-align: center !important;
		padding: 0 !important;
		border-radius: 6px !important;
		cursor: pointer !important;
		box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
		transition: all 0.15s ease !important;
	}

		/* Effetto Hover sui pulsanti Blu */
		.month-selector-fluid .button-popup:hover {
			background-color: #2c3e55 !important; /* Blu leggermente più scuro */
			border-color: #2c3e55 !important;
			color: #ffffff !important;
		}

		/* STATO ATTIVO: SE IL PULSANTE HA LA CLASSE .button-active (Arancione)
   Intercettiamo sia l'attributo che la classe per sicurezza con ASP.NET */
		.month-selector-fluid .button-popup.button-active,
		.month-selector-fluid input[type="submit"].button-active {
			background-color: #f59e0b !important; /* Arancione SaaS moderno (Amber) */
			border-color: #f59e0b !important; /* Bordo arancione leggermente più scuro */
			color: #ffffff !important; /* Testo bianco per massima leggibilità */
			font-weight: 600 !important;
			box-shadow: 0px 1px 3px rgba(217, 119, 6, 0.2) !important; /* Micro shadow aranciata */
		}

			/* Effetto Hover sul mese attivo Arancione */
			.month-selector-fluid .button-popup.button-active:hover,
			.month-selector-fluid input[type="submit"].button-active:hover {
				background-color: #b45309 !important; /* Arancione scuro al passaggio del mouse */
				border-color: #b45309 !important;
			}
input[type="submit"].button-active,
.selector-fluid-container input[type="submit"].button-active,
.button-popup.button-active {
	background: #f59e0b !important; /* Arancione */
	background-color: #f59e0b !important; /* Doppia sicurezza per i gradienti */
	border-color: #d97706 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}


/* Il contenitore principale deve essere Flex */
/* Il contenitore principale */
.grid-container {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin:15px;
	margin-top:60px
}

	/* 1. Applichiamo la larghezza al 50% al contenitore generato da ASP.NET (pTile) */
	.grid-container > div {
		flex: 1 1 calc(50% - 12.5px);
		box-sizing: border-box;
	}

		/* 2. Se il pannello è sia DISPARI che L'ULTIMO, prende il 100% */
		.grid-container > div:nth-child(odd):last-child {
			flex: 1 1 100%;
		}
	/* Se il RadAjaxPanel NON contiene figli reali (es. non ha la tile dentro), viene rimosso dal layout */
	.grid-container div.RadAjaxPanel:not(:has(div)):not(:has(a)) {
		display: none !important;
		grid-column: unset !important;
		grid-row: unset !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Sicurezza ulteriore per i nodi generici figli diretti */
	.grid-container > div:not(:has(*)) {
		display: none !important;
	}
/* 3. Sistemiamo lo stile interno della card */
.card-item {
	display: flex;
	align-items: center;
	background-color: #f7f7f7; /* Colore di sfondo */
	padding: 20px;
	box-sizing: border-box;
	width: 100%; /* Forza la card a coprire tutto il suo contenitore */
	height: 100%;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
	border-radius: .35rem;
}

/* Gestione degli spazi dell'icona e del testo (come prima) */
.card-icon-wrapper {
	flex: 0 0 80px;
	max-width: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffc10f;
	padding:15px
}

.card-content {
	flex: 1; /* Occupa il 100% dello spazio rimanente */
	padding-left: 20px; /* Spazio costante tra icona e scritte */
	box-sizing: border-box;
}

.card-title {
	font-weight: bold;
	color: #004b87 !important;
	margin-bottom: 5px;
	text-align:left
}

.card-desc {
	color: #333;
	font-size: 0.95rem;
	text-align: left
}

/* Rendi cliccabile tutto il blocco correttamente */
.metro-layout.box {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
/* --- CONFIGURAZIONE LOGICHE DI BASE --- */
/* --- CONFIGURAZIONE LOGICHE DI BASE --- */
.submenu-toggle {
	display: none !important;
}

/* --- LOGICA DI COLLASSO (Gestita via classe CSS) --- */

/* Quando la barra ha la classe .collapsed, si restringe */
#sidebar.collapsed {
	width: 75px;
	min-width: 75px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden; /* Taglia i testi all'istante quando si chiude */
}

/* NASCONDERE I TESTI E LE FRECCETTE CON RITARDO INTELLIGENTE */
.menu-text,
.submenu-arrow,
.submenu-arrow::before, /* Forziamo il ritardo anche sulla pseudo-classe dell'icona */
.sidebar-footer,
#middle,
#tab,
#tab2 {
	opacity: 1;
	visibility: visible;
	/* Quando la barra si APRE: aspetta 0.25s prima di mostrare testi e frecce */
	transition: opacity 0.1s ease 0.25s, visibility 0.1s ease 0.25s;
}

/* Quando la barra è COMPRESSA (.collapsed), testi e frecce svaniscono all'istante */
#sidebar.collapsed .menu-text,
#sidebar.collapsed .submenu-arrow,
#sidebar.collapsed .submenu-arrow::before,
#sidebar.collapsed .sidebar-footer,
#sidebar.collapsed #middle,
#sidebar.collapsed #tab,
#sidebar.collapsed #tab2 {
	opacity: 0 !important;
	visibility: hidden !important;
	transition: opacity 0s, visibility 0s !important;
}

/* Se la barra si contrae mentre un sottomenu era aperto, azzeriamo subito l'altezza della lista */
#sidebar.collapsed .submenu-list {
	max-height: 0 !important;
	transition: max-height 0s !important;
}

/* Ruota la freccia principale se contratta */
#sidebar.collapsed .icon-arrow {
	transform: rotate(180deg);
}

/* Centra il pulsante quando la barra è contratta */
#sidebar.collapsed .collapse-btn {
	align-self: center;
	margin: 15px auto;
}


/* --- STRUTTURA BASE DELLA SIDEBAR --- */
#sidebar {
	width: 260px;
	min-width: 260px;
	height: calc(100vh - 85px);
	position: sticky;
	top: 85px;
	background: linear-gradient(90deg, #3d5675 0%, #4a678d 100%);
	box-shadow: 8px 0 24px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	padding: 20px 15px 20px 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	color: #ffffff;
	z-index: 10;
	/* TRUCCO: Nasconde tutto ciò che sborda oltre la larghezza corrente durante l'animazione */
	overflow-x: hidden;
}


/* --- PULSANTE COLLASSO IN BASSO (FRECCIA) --- */
.collapse-btn {
	align-self: flex-end;
	margin: 15px 0;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.1);
	border: none;
	color: white;
	padding: 6px 12px;
	border-radius: 6px;
	transition: background 0.2s, transform 0.3s;
	z-index: 20;
}

	.collapse-btn:hover {
		background-color: rgba(255, 255, 255, 0.2);
	}

.icon-arrow {
	font-size: 1rem;
	display: inline-block;
}


/* --- STILE DEL MENU PRINCIPALE --- */
.sidebar-menu {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.menu-link {
	display: flex;
	align-items: center;
	padding: 12px 15px;
	color: rgba(255, 255, 255, 0.75);
	text-decoration: none;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s;
	user-select: none;
}

	.menu-link:hover, .menu-link.active {
		background-color: rgba(255, 255, 255, 0.15);
		color: #f7b731;
		text-decoration: none
	}

		.menu-link.active .menu-icon {
			color: #f7b731;
		}

.menu-icon {
	font-size: 1.25rem;
	min-width: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.menu-text {
	font-size: 0.95rem;
	font-weight: 500;
	white-space: nowrap;
	font-family: 'Poppins', sans-serif;
}

.submenu-arrow {
	margin-left: auto;
	font-size: 0.8rem;
	transition: transform 0.2s;
	opacity: 0.7;
}


/* --- LOGICA DEI SOTTOMENU (Dropdown standard) --- */
.submenu-list {
	max-height: 0;
	overflow: hidden;
	/* Ritardo calibrato per aprirsi solo quando la barra ha finito l'animazione */
	transition: max-height 0.25s ease-out 0.2s;
	display: flex;
	flex-direction: column;
	padding-left: 35px;
}

	.submenu-list a {
		color: rgba(255, 255, 255, 0.65);
		text-decoration: none;
		padding: 4px 0;
		font-size: 0.8rem;
		transition: color 0.2s;
		font-family: 'Poppins', sans-serif;
	}

		.submenu-list a:hover {
			color: #f7b731;
		}
		.submenu-list a.active {
			color: #f7b731;
			
		}

		.submenu-toggle:checked ~ .submenu-list {
			max-height: 600px;
		}

.submenu-toggle:checked ~ .menu-link .submenu-arrow::before {
	transform: rotate(180deg);
	display: inline-block;
}


/* --- FOOTER DELLA SIDEBAR (Utente) --- */
.sidebar-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 15px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.user-avatar {
	width: 35px;
	height: 35px;
	background-color: #f7b731;
	color: #3d5675;
	font-weight: bold;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.user-info {
	display: flex;
	flex-direction: column;
}

.user-name {
	font-size: 0.9rem;
	font-weight: bold;
	margin: 0;
	font-family: 'Poppins', sans-serif;
}

.user-role {
	font-size: 0.75rem;
	color: rgba(255, 255, 255, 0.6);
	margin: 0;
	font-family: 'Poppins', sans-serif;
}
body.bodyMain {
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important; /* Permette al body di allungarsi fluidamente in base alla RadGrid */
	overflow: hidden !important; /* Elimina definitivamente la scrollbar interna dell'iframe */
	background-color: transparent; /* Permette di vedere lo sfondo bianco del contenitore principale */
}

div#pDati tr {
	height: 38px;
}

/* fine menu 2026*/
/* --- MODERNIZZAZIONE TELERIK RADGRID (SKIN BOOTSTRAP) --- */
/* --- FORZATURA UNIVERSALE FONT POPPINS SU TUTTA LA RADGRID --- */
.RadGrid_Bootstrap,
.RadGrid_Bootstrap *,
.RadGrid_Bootstrap .rgMasterTable,
.RadGrid_Bootstrap .rgDetailTable,
.RadGrid_Bootstrap .RadComboBox, /* Per i menu a tendina dei filtri */
.RadGrid_Bootstrap .RadInput { /* Per i campi di testo dei filtri */
	font-family: 'Poppins', sans-serif !important;
}
/* 1. Struttura Generale della Griglia */
.RadGrid_Bootstrap {
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	font-family: 'Poppins', sans-serif !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}
	.RadGrid_Bootstrap .rgCommandCell {
		border-bottom: 1px solid #dedede;
		padding-left: 10px;
	}
	/* 2. Header della Griglia (La riga dei titoli) */
	.RadGrid_Bootstrap .rgHeader {
		background: #3d5675 !important; /* Allineato al colore scuro della tua sidebar */
		color: #ffffff !important;
		font-weight: 600 !important;
		font-size: 0.9rem !important;
		padding: 0px 2px !important; /* Più alto e arioso */
		border-left: none !important; /* Rimuove i bordi verticali tra i titoli */
		border-right: none !important;
		border-bottom: 2px solid #2c3e55 !important;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

		/* Forza il colore bianco anche per i link di ordinamento nell'header */
		.RadGrid_Bootstrap .rgHeader a {
			color: #ffffff !important;
			text-decoration: none !important;
		}

	/* 3. Celle delle Righe (Dati) */
	.RadGrid_Bootstrap .rgRow td,
	.RadGrid_Bootstrap .rgAltRow td {
		padding: 3px 2px !important; /* Padding moderno e leggibile */
		font-size: 0.8rem !important;
		color: #4a5568 !important; /* Grigio scuro morbido per i testi, meno aggressivo del nero */
		border-left: none !important; /* RIMOZIONE BORDI VERTICALI */
		border-right: none !important;
		border-bottom: 1px solid #edf2f7 !important; /* Linea orizzontale leggerissima */
		transition: background-color 0.2s ease;
	}

	/* Sfondo leggermente alternato per le righe pari (opzionale, molto pulito) */
	.RadGrid_Bootstrap .rgAltRow {
		background-color: #f8fafc !important;
	}

	/* 4. Effetto Hover sulla Riga */
	.RadGrid_Bootstrap .rgHoveredRow {
		background-color: rgba(247, 183, 49, 0.08) !important; /* Sfumatura leggerissima del tuo giallo */
	}

		.RadGrid_Bootstrap .rgHoveredRow td {
			color: #3d5675 !important; /* Il testo diventa del colore primario al passaggio */
		}

	/* 5. Riga Selezionata (Se usi la selezione delle righe) */
	.RadGrid_Bootstrap .rgSelectedRow {
		background-color: rgba(247, 183, 49, 0.15) !important; /* Giallo più accentuato */
	}

		.RadGrid_Bootstrap .rgSelectedRow td {
			font-weight: 500 !important;
			border-bottom: 1px solid rgba(247, 183, 49, 0.3) !important;
		}

	/* 6. Paginazione (Footer della Griglia) */
	.RadGrid_Bootstrap .rgPager {
		background: #ffffff !important;
		border-top: 1px solid #e2e8f0 !important;
		padding: 10px 16px !important;
	}

		/* Modernizzazione dei bottoni numerici della paginazione */
		.RadGrid_Bootstrap .rgPager .rgNumPart a {
			border-radius: 4px !important;
			border: 1px solid #e2e8f0 !important;
			padding: 4px 10px !important;
			color: #4a5568 !important;
			margin: 0 2px !important;
			transition: all 0.2s;
		}

			.RadGrid_Bootstrap .rgPager .rgNumPart a:hover,
			.RadGrid_Bootstrap .rgPager .rgNumPart a.rgCurrentPage {
				background-color: #f7b731 !important; /* Il tuo giallo attivo */
				border-color: #f7b731 !important;
				color: #3d5675 !important;
				font-weight: bold !important;
			}
.RadComboBoxDropDown_Bootstrap {
	font-family: 'Poppins', sans-serif !important;
}
/* --- RESET E FIX TOTALE RADCOMBOBOX (STRUTTURA CORAZZATA) --- */
.RadComboBox_Bootstrap {
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 6px !important;
	background-color: #ffffff !important;
	background-image: none !important;
	height: 38px !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease;
	overflow: hidden !important;
}

	/* Forzatura Flexbox per distruggere il comportamento a tabella vecchio stile */
	.RadComboBox_Bootstrap .rcbTable,
	.RadComboBox_Bootstrap .rcbTable tbody,
	.RadComboBox_Bootstrap .rcbTable tr {
		display: flex !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-collapse: collapse !important;
	}

	/* LA TUA CORREZIONE: Azzeriamo i bordi delle celle native Telerik */
	.RadComboBox_Bootstrap table td.rcbInputCell,
	.RadComboBox_Bootstrap table td.rcbArrowCell,
	.RadComboBox_Bootstrap table td.rcbButtonCell {
		border: none !important;
		border-width: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}
	.RadComboBox_Bootstrap .rcbInputCell .rcbInput,
	.RadComboBox_Bootstrap .rcbInputCell input[type="text"],
	.RadComboBox_Bootstrap .rcbReadOnly {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		line-height: 36px !important;
		height: 36px !important;
	}
	.RadComboBox_Bootstrap .rcbInput,
	.RadComboBox_Bootstrap .rcbFocused .rcbInput {
		width: 100% !important;
		height: 36px !important; /* Forza l'altezza quasi pari ai 38px del padre minus il bordo */
		line-height: 36px !important; /* Costringe il testo a stare esattamente al centro dei 36px */
		/* LA REGOLA DI SVOLTA: Azzeriamo i padding verticali nativi di Telerik che spingono in alto */
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
		margin: 0 !important;
		border: none !important;
		background: transparent !important;
		box-sizing: border-box !important;
		font-family: 'Poppins', sans-serif !important;
		vertical-align: middle !important; /* Allineamento di sicurezza vecchio stile */
	}
	/* Gestione dello spazio di input del testo */
	.RadComboBox_Bootstrap .rcbInputCell {
		display: flex !important;
		align-items: center !important; /* Centra verticalmente tutto ciò che c'è dentro */
		flex-grow: 1 !important;
		width: auto !important;
		height: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.RadComboBox_Bootstrap .rcbInput {
		width: 100% !important;
		height: auto !important; /* Lasciamo che sia il flex del padre a gestire l'altezza */
		line-height: normal !important; /* Reset dell'altezza di linea nativa di Telerik */
		padding: 0 12px !important;
		margin: 0 !important;
		color: #4a5568 !important;
		background: transparent !important;
		font-family: 'Poppins', sans-serif !important;
		border: none !important;
		box-sizing: border-box !important;
		display: block !important;
	}

	/* Gestione della cella e del bottone della freccia */
	.RadComboBox_Bootstrap .rcbButtonCell {
		display: block !important;
		width: 34px !important;
		min-width: 34px !important;
		height: 100% !important;
	}

	.RadComboBox_Bootstrap .rcbActionButton {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		background-color: #f8fafc !important;
		background-image: none !important;
		border: none !important;
		border-left: 1px solid #e2e8f0 !important; /* Unico bordo divisorio ammesso */
		padding: 0 !important;
		margin: 0 !important;
		position: relative !important;
	}

		.RadComboBox_Bootstrap .rcbActionButton .rcbIcon {
			position: static !important;
			margin: 0 !important;
			padding: 0 !important;
		}

	/* Focus ed effetti visivi generali */
	.RadComboBox_Bootstrap:hover,
	.RadComboBox_Bootstrap.rcbFocused {
		border-color: #3d5675 !important;
		box-shadow: 0 0 0 3px rgba(61, 86, 117, 0.1) !important;
	}
/* ==========================================================================
   STILIZZAZIONE MINIMALE DEL PAGER DELLA RADGRID
   ========================================================================== */

/* Contenitore della barra di paginazione */
.RadGrid .rgPager {
	font-family: 'Poppins', sans-serif !important;
	background-color: #f8fafc !important; /* Grigio chiarissimo di sfondo */
	border-top: 1px solid #e2e8f0 !important;
	padding: 10px 14px !important;
}

	/* Struttura comune di tutti i bottoni numerici (1, 2, 3...) */
	.RadGrid .rgPager .rgNumPart a{
		font-family: 'Poppins', sans-serif !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		color: #475569 !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 6px !important; /* Numeri leggermente arrotondati */
		padding: 2px 5px !important;
		margin: 0 3px !important;
		background-color: #ffffff !important;
		display: inline-block !important;
		min-width: 20px;
		text-align: center;
		text-decoration: none !important;
		transition: all 0.15s ease;
	}
	
/* Effetto al passaggio del mouse sui numeri non attivi */
.RadGrid .rgPager .rgNumPart a:hover {
	background-color: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
	color: #1e293b !important;
}

		/* PAGINA CORRENTE ATTIVA (Addio vecchio Giallo, benvenuto Blu Coordinato) */
		.RadGrid .rgPager .rgNumPart a.rgCurrentPage,
		.RadGrid .rgPager .rgNumPart a.rgCurrentPage:hover{
			background-color: #3d5675 !important; /* Colore brand principale */
			border-color: #3d5675 !important;
			color: #ffffff !important; /* Testo bianco visibile */
			font-weight: 600 !important;
			box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
			width: 20px !important;
			height: 20px !important;
		}
			.RadGrid .rgPager .rgNumPart a,
			.RadGrid .rgPager .rgNumPart a:hover {
				
				width: 20px !important;
				height: 20px !important;
			}
.RadGrid_Bootstrap .rgPagerCell .rgNumPart span, .RadGrid_Bootstrap .rgPagerCell .rgPagerLabel {
	padding: 0px 0 !important;
}
.rgWrap.rgArrPart1 {
	padding-left: 10px !important;
}
.rgWrap.rgInfoPart {
	padding-right: 10px !important;
}
.RadGrid_Bootstrap .rgPagerCell .rgAdvPart {
	margin-left: 10px;
	display: inline-flex !important;
	align-items: center !important;
	vertical-align: middle !important;
	height: 38px !important;
}
td.rgPagerCell.NextPrevAndNumeric{
	padding-left:5px;
	padding-right:5px;
}
/* Pulsanti delle frecce (Prima, Precedente, Successiva, Ultima) */
.RadGrid .rgPager .rgPagerButton {
	border: 1px solid #e2e8f0 !important;
	background-color: #ffffff !important;
	border-radius: 6px !important;
	padding: 4px 8px !important;
	vertical-align: middle !important;
}

	/* Testo descrittivo "Dimensione pagina:" */
	.RadGrid .rgPager label {
		font-family: 'Poppins', sans-serif !important;
		font-size: 13px !important;
		color: #475569 !important;
		margin-right: 8px !important;
	}

	/* Combobox della dimensione pagina interna al pager */
	.RadGrid .rgPager .RadComboBox_Bootstrap {
		height: 30px !important; /* Leggermente più bassa per stare nel footer */
	}

		.RadGrid .rgPager .RadComboBox_Bootstrap .rcbInputCell,
		.RadGrid .rgPager .RadComboBox_Bootstrap .rcbArrowCell {
			height: 30px !important;
		}

		.RadGrid .rgPager .RadComboBox_Bootstrap .rcbInput {
			height: 28px !important;
			line-height: 28px !important;
		}

	/* ==========================================================================
   ALLINEAMENTO E DIMENSIONAMENTO FRECCE PAGER (Next, Prev, First, Last)
   ========================================================================== */

	/* Intercettiamo tutti i pulsanti di navigazione del pager Telerik */
	.RadGrid .rgPager .rgPageFirst,
	.RadGrid .rgPager .rgPagePrev,
	.RadGrid .rgPager .rgPageNext,
	.RadGrid .rgPager .rgPageLast {
		font-family: 'Poppins', sans-serif !important;
		width: 32px !important;
		height: 32px !important;
		line-height: 30px !important; /* Centra l'icona verticalmente */
		padding: 0 !important;
		margin: 0 2px !important;
		background-color: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 6px !important;
		display: inline-block !important;
		vertical-align: middle !important; /* Forza l'allineamento sulla linea dei numeri */
		cursor: pointer !important;
		box-sizing: border-box !important;
		transition: all 0.15s ease;
	}

		/* Effetto Hover sulle freccette */
		.RadGrid .rgPager .rgPageFirst:hover,
		.RadGrid .rgPager .rgPagePrev:hover,
		.RadGrid .rgPager .rgPageNext:hover,
		.RadGrid .rgPager .rgPageLast:hover {
			background-color: #f1f5f9 !important;
			border-color: #cbd5e1 !important;
		}

	/* Centratura dello sprite/icona interna al pulsante */
	.RadGrid .rgPager input[type="image"] {
		margin: 0 auto !important;
		vertical-align: middle !important;
		display: inline-block !important;
		/* Se le icone originali sono microscopiche, possiamo ingrandirle leggermente con uno scale */
		transform: scale(1.1);
	}

	/* Ri-allineamento del blocco contenitore dei numeri e delle frecce */
	.RadGrid .rgPager td {
		padding: 0 !important;
		vertical-align: middle !important;
		height: 48px !important; /* Altezza fissa della riga pager per dare stabilità */
	}
div#wcGrid1_radWCGrid_ctl00_ctl03_ctl01_PageSizeComboBox {
	width: 70px !important;
}
	/* Forza la spaziatura orizzontale di tutta la pulsantiera */
	.RadGrid .rgPager .rgArrPart1,
	.RadGrid .rgPager .rgArrPart2,
	.RadGrid .rgPager .rgNumPart {
		display: inline-flex !important;
		align-items: center !important; /* Centra verticalmente tutto il contenuto del flex */
		vertical-align: middle !important;
		height: 38px !important;
	}
/* ==========================================================================
   CLASSE DI RE-STYLING FORZATO PER INPUT (.restiling)
   ========================================================================== */

.restiling,
input[type="text"].restiling,
input.riTextBox.restiling {
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	color: #4a5568 !important;
	background-color: #ffffff !important;
	background-image: none !important; /* Cancella i vecchi gradienti Telerik */
	/* Geometria e Allineamento Perfetto */
	height: 38px !important;
	line-height: 36px !important; /* Centra il testo in verticale */
	padding-top: 0 !important; /* Rimuove spinte verticali ereditate */
	padding-bottom: 0 !important; /* Rimuove spinte verticali ereditate */
	padding-left: 12px !important;
	padding-right: 12px !important;
	margin: 0 !important;
	box-sizing: border-box !important; /* Include padding e bordo nei 38px */
	/* Bordi e Angoli Coerenti */
	border: 1px solid #e2e8f0 !important;
	border-radius: 6px !important;
	/* Reset per browser moderni */
	appearance: none !important;
	-webkit-appearance: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

	/* --- STATO FOCUS / HOVER SULLA NUOVA CLASSE --- */
	.restiling:hover,
	.restiling:focus,
	input.riTextBox.restiling:focus {
		border-color: #3d5675 !important; /* Il blu scuro aziendale */
		outline: none !important;
		box-shadow: 0 0 0 3px rgba(61, 86, 117, 0.1) !important; /* Alone coordinato */
		background-color: #ffffff !important;
	}

/* --- SE LA APPLICHI A TEXTAREA (Campi multilinea) --- */
textarea.restiling {
	height: auto !important;
	line-height: 1.5 !important;
	padding: 10px 12px !important;
}

/* --- COLORE DEL PLACEHOLDER --- */
.restiling::placeholder {
	color: #a0aec0 !important;
	opacity: 1 !important;
}

.info-licenza {
	width: 250px;
	display: inline-block;
	margin-top: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	padding-left: 15px;
}


#imHTMLObject_2 {
	height: auto !important;
	min-height: 550px;
	width: 100%;
	-webkit-border-radius: 15px;
	-moz-border-radius-: 15px;
	border-radius: 15px;
	background-color: #fff;
}
     
div.delModal {
            position:absolute;
            border:solid 1px black;
            padding:8px;
            background-color:#fbbb32;
            width:180px;
            height:265px;
            right:15px;
            z-index:9;
            text-align:right;
        }

/*#form-main{
	width:100%;
	float:left;
	padding-top:0px;
    margin-bottom:10px;
}

#form-div {
	background-color:rgba(72,72,72,0.4);
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	width: 400px;
	margin:auto;
	-moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}*/

/*.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #3498db;
	color: #3498db;
	outline: none;
  padding: 13px 13px 13px 54px;
}
*/
.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}


/* FORM delle pagine al singolare ---------------------------------- */
.Singolare label {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}
.Singolare input {
    height:15px; 
    width:220px; 
    padding:5px 8px;
}

.Multi { height:auto !important;
    min-height:100%; }
.Multi input {
   height:15px;
     width:auto; 
    padding:5px 8px;
}
.rlbGroupRight {border: 1px solid #aaa !important;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset !important;
    border-radius: 2px !important;
    padding: 5px 8px !important;}
.center input{text-align:center !important}

.Combo_Singolare {
    height:15px; 
    width:220px; 
    padding:5px 0px;
}

#bitAbilitato_0, #bitAbilitato_1, #bitAbilitatoCalcolo_0, #bitAbilitatoCalcolo_1
{
	width:60px !important;
	box-shadow: none !imprtant;
}

#bitAbilitato_0, #bitAbilitato_1, .Radio_Singolare label, #bitAbilitatoCalcolo_0, #bitAbilitatoCalcolo_1
{
	width:20px !important;
	box-shadow: 0px 0px 0px #fff, 0 0 0 #fff inset !important;
}

#bitOffset_0, #bitOffset_1, #bitOffset_0, #bitOffset_1, #bitLimiteTurniIdenticiConsecutivi_0, #bitLimiteTurniIdenticiConsecutivi_1, #bitLimiteTurniIdenticiSettimanali_0, #bitLimiteTurniIdenticiSettimanali_1, #bitLimiteSabatiConsecutivi_0, #bitLimiteSabatiConsecutivi_1, #bitLimiteDomenicheConsecutive_0, #bitLimiteDomenicheConsecutive_1
{
	width:60px !important;
	box-shadow: none !important;
}

.Singolare textarea {padding:8px; width:300px;}
.Singolare button {margin-left:156px;}
.Singolare input, .Singolare textarea { 
    border:1px solid #aaa !important;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset !important;
    border-radius:2px !important;
    padding:5px 8px !important;
}
#lngFKIDSede, #intTipoContratto, #TurniCompensazione, #BancaTurni, #lngFKIDContratto {margin-left:-2px; height:22px;margin-top:-5px;}
.Singolare input:focus, .Singolare textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
.Singolare ul {
    width:100%;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.Singolare li{
    padding:4px; 
    border-bottom:1px solid #eee;
    position:relative;
}
.RadComboBox_Default .rcbInputCellLeft, .RadComboBox_Default .rcbInputCellRight, .RadComboBox_Default .rcbArrowCellLeft, .RadComboBox_Default .rcbArrowCellRight {background-image:none !important}
.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput {padding-left: 2 !important;}

#rcTable {width:220px !important}
/* Icons ---------------------------------- */
/*#strUsername{
	background-image: url(../Images/user.png);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#strUsername:focus{
	background-image: url(../Images/user.png);
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#strPassword, #strPassword1,  #strPassword2{
	background-image: url(../Images/key.png);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#strPassword:focus{
	background-image: url(../Images/key.png);
	background-size: 30px 30px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}*/


textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}



.button-piccolo{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 80px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC;
	color:white;
	font-size:12px;
	padding:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
}

.button-piccolo:hover{
	background-color: #fbbb32;
	color: #0493bd;
}

.button-popup {
	font-family: 'Poppins', sans-serif !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 90px; /* Sostituito width fisso con min-width per evitare che testi lunghi escano dal bottone */
	height: 38px; /* Altezza standard, moderna e bilanciata */
	border: none !important; /* Rimosso il vecchio bordo spesso */
	border-radius: 6px !important; /* Angoli elegantemente smussati */
	cursor: pointer;
	background-color: #3d5675 !important; /* Blu scuro principale di tuRnado (oppure mantieni il tuo azzurro #00A8EC se preferisci staccare) */
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	padding: 0 16px !important; /* Padding laterale per dare aria al testo */
	margin: 6px 4px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	user-select: none;
}

	/* --- EFFETTO HOVER (Passaggio del mouse) --- */
	.button-popup:hover {
		background-color: #f7b731 !important; /* Splendido cambio sul tuo giallo aziendale */
		color: #3d5675 !important; /* Il testo diventa scuro per perfetto contrasto */
		box-shadow: 0 4px 12px rgba(247, 183, 49, 0.25); /* Un leggero bagliore dorato sotto al bottone */
		transform: translateY(-1px); /* Micro-sollevamento moderno al passaggio */
	}

	/* --- EFFETTO ACTIVE (Pressione del bottone) --- */
	.button-popup:active {
		transform: translateY(1px); /* Il bottone si schiaccia leggermente quando viene cliccato */
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	}

.button-popup-anomalie{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 80px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC  !important;
	color:white;
	font-size:12px;
	padding:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
    text-decoration:underline;
}

.button-popup-anomalie:hover, .button-popup-anomalie:active{
	background-color: #fbbb32 !important;
	color: #0493bd;
    text-decoration:underline;
}
	
.button-active-anomalie{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 80px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #fbbb32;
	color:white;
	font-size:12px;
	padding:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
    text-decoration:underline;
}
.button-active-anomalie:hover{
	background-color: #4FB007;
	color: #fff;
    text-decoration:underline;
}

.submit:hover {
	color: #3498db;
}
	
.ease {
	width: 0px;
	height: 55px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}



.RadGrid_Windows7, .RadGrid_Windows7 .rgMasterTable, .RadGrid_Windows7 .rgDetailTable, .RadGrid_Windows7 .rgGroupPanel table, .RadGrid_Windows7 .rgCommandRow table, .RadGrid_Windows7 .rgEditForm table, .RadGrid_Windows7 .rgPager table, .GridToolTip_Windows7, .RadComboBox_Default, .RadComboBox_Default .rcbInput, .RadComboBoxDropDown_Default { font-weight:bold !important; font: 12px/13px "Helvetica",arial,sans-serif !important;}

.RadComboBox_Windows7, .RadComboBox_Windows7 .rcbInput, .RadComboBoxDropDown_Windows7 {font:14px 'Roboto', sans-serif !important}

 .slider_right {width:170px; float:left}
 .slider_left{min-width:870px; float:left; }
 .slider_left_down {width:900px; float:left; margin-top:8px}
 .vuoto {height:13px; border-bottom:1px solid #ddd; width:100%; clear:both; margin-bottom:13px}

 table.orari { font-size:10px;table-layout: fixed; width:964px }
 .orari td {width:17px; border-left:1px solid #ddd; text-align:center}
 .orariGrande {width:250px !important}

.orariB  {  
  text-align:center !important;
  cursor: pointer;
  color: buttontext;
  width:18px;
  font-size:11px;
  padding-left:2px;
  padding-right:2px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;}
  
  
  fieldset {display:inline;border:1px solid #ddd}
  .fieldset_over {background-color:White;}
  .fieldset_over:hover {background-color:#fbbb32; opacity: 0.95; filter: alpha(opacity=35); cursor:pointer}
  
  .fieldset_over a,   .fieldset_over a:hover {color:Black;}
  
  .RadGrid_Windows7 .rgHeader {padding-left:2px !important; padding-right:2px !important; font-size:11px !important}
  .rgHeader a {font-size:11px !important}
  #wcCalendario1Panel {max-width:1750; }
  
  
  .btnIndietro 
  {
  	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 90px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC;
	color:white;
	font-size:12px;
	padding:12px;
	padding-left:30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
	background-image:url(../images/left.png);
	background-repeat:no-repeat;
	background-position:left;
	}
	 .btnAvanti,  #btnEsclusioni, #btnAssenze, #btnPresenze, #btnDistribuzioni, #btnTurni
  {
  	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:right;
	width: 90px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #00A8EC;
	color:white;
	font-size:12px;
	padding:12px;
	padding-right:30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
	background-image:url(../images/right.png);
	background-repeat:no-repeat;
	background-position:right;
	}

     	/* #btnProcedi
  {
  	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:right;
	width: 90px;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #4B986C !important;
	color:white;
	font-size:12px;
	padding:12px;
	padding-right:30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin:4px;
	background-image:url(../images/right.png);
	background-repeat:no-repeat;
	background-position:right;
	}*/

.cont_bottoni {
	height: 60px;
	margin-top: 10px;
	transition: all 0.2s ease;
}
	.cont_bottoni:not(:has(input)) {
		height: 0 !important;
		min-height: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		border: none !important;
		overflow: hidden !important; /* Impedisce a eventuali spazi di sbordare */
	}
/* ==========================================================================
   TUTTO IN UNO: CSS DEFINITIVO RADSCHEDULER (tuRnado BRAND STYLE)
   ========================================================================== */
/* ==========================================================================
   CSS SCHEDULER: STRUTTURA NATIVA BLINDATA + COLORI tuRnado
   ========================================================================== */

/* --- 1. FONTS E STRUTTURA GLOBALE --- */
.RadScheduler_Bootstrap,
.RadScheduler_Bootstrap * {
	font-family: 'Poppins', sans-serif !important;
	box-sizing: border-box !important;
}

.RadScheduler_Bootstrap {
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: 0px 4px 12px rgba(16, 24, 40, 0.04) !important;
}

	/* Ripristina lo sfondo dell'header senza rompere i posizionamenti */
	.RadScheduler_Bootstrap .rsTopCtrl,
	.RadScheduler_Bootstrap .rsHeader {
		background-color: #f8fafc !important;
		background-image: none !important;
		border-bottom: 1px solid #e2e8f0 !important;
		padding: 12px 16px !important;
	}

	/* --- 2. PULSANTI DI SINISTRA (Freccette, Oggi e Freccia Calendario Uniformati) --- */
	.RadScheduler_Bootstrap .rsNavButton,
	.RadScheduler_Bootstrap .rsViewCurrent,
	.RadScheduler_Bootstrap .rsDatePickerActivator {
		font-family: 'Poppins', sans-serif !important;
		font-size: 13px !important;
		/* Uniformiamo tutti i bottoni di sinistra allo stile Bianco minimale */
		background-color: #ffffff !important;
		background-image: none !important;
		border: 1px solid #d0d5dd !important;
		color: #344054 !important;
		border-radius: 4px !important;
		transition: all 0.15s ease !important;
	}

		/* Effetto Hover coordinato per tutti e tre i pulsanti di sinistra */
		.RadScheduler_Bootstrap .rsNavButton:hover,
		.RadScheduler_Bootstrap .rsViewCurrent:hover,
		.RadScheduler_Bootstrap .rsDatePickerActivator:hover {
			background-color: #f9fafb !important;
			border-color: #cbd5e1 !important;
			color: #1e293b !important;
		}
	/* Soluzione drastica: Disegnamo la freccetta direttamente in CSS */
	.RadScheduler_Bootstrap .rsDatePickerActivator {
		position: relative !important;
		text-indent: -9999px !important; /* Nasconde l'eventuale icona nativa rotta */
	}

		.RadScheduler_Bootstrap .rsDatePickerActivator:after {
			content: "" !important;
			position: absolute !important;
			top: 50% !important;
			left: 50% !important;
			transform: translate(-50%, -25%) !important;
			/* Crea un triangolino perfetto rivolto verso il basso */
			width: 0 !important;
			height: 0 !important;
			border-left: 4px solid transparent !important;
			border-right: 4px solid transparent !important;
			border-top: 5px solid #344054 !important; /* Colore della freccia */
		}
.RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a {
	border-color: #357ebd;
	background: #337ab7;
	color: white;
}

	/* Se Telerik usa un'icona ad immagine/sprite anziché di testo, 
   questo assicura che non venga nascosta o invertita */
	.RadScheduler_Bootstrap .rsDatePickerActivator {
		filter: none !important;
	}
	

	/* --- 3. PULSANTI DI DESTRA (Giorno, Settimana, Mese) --- */
	/* Gestiamo lo spazio dei bottoni delle viste in modo che respirino senza sovrapporsi */
	.RadScheduler_Bootstrap .rsViewOptions a {
		font-family: 'Poppins', sans-serif !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		padding: 4px 14px !important;
		margin: 0 2px !important; /* Distanzia leggermente i pulsanti l'uno dall'altro */
		border-radius: 4px !important;
		text-decoration: none !important;
		transition: all 0.15s ease !important;
		display: inline-block !important;
		/* Stato base disattivato: Bianco minimale */
		background-color: #ffffff !important;
		border: 1px solid #d0d5dd !important;
		color: #344054 !important;
	}

		/* Hover sui bottoni delle viste */
		.RadScheduler_Bootstrap .rsViewOptions a:hover {
			background-color: #f9fafb !important;
			border-color: #cbd5e1 !important;
			color: #1e293b !important;
		}

		/* STATO VISTA ATTIVA (Es: nell'immagine "Settimana" era grigio, ora diventa Arancione) */
		.RadScheduler_Bootstrap .rsViewOptions .rsSelected,
		.RadScheduler_Bootstrap .rsViewOptions a.rsSelected,
		.RadScheduler_Bootstrap .rsViewOptions .rsSelected:hover {
			background-color: #f59e0b !important;
			border-color: #d97706 !important;
			color: #ffffff !important;
			font-weight: 600 !important;
		}

	/* --- 4. TITOLO DELLA DATA --- */
	.RadScheduler_Bootstrap .rsNavigationTitle,
	.RadScheduler_Bootstrap .rsNavTitle {
		font-size: 15px !important;
		font-weight: 600 !important;
		color: #1e293b !important;
	}

	/* --- 5. CORPO E COMPONENTI INTERNE --- */
	.RadScheduler_Bootstrap .rsHorizontalHeaderTable th {
		background-color: #ffffff !important;
		font-weight: 500 !important;
		color: #475569 !important;
		font-size: 13px !important;
		padding: 10px 0 !important;
		border-bottom: 2px solid #e2e8f0 !important;
	}

	.RadScheduler_Bootstrap .rsVerticalHeaderTable td {
		color: #64748b !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		background-color: #f8fafc !important;
		border-right: 1px solid #e2e8f0 !important;
	}

	.RadScheduler_Bootstrap .rsToday,
	.RadScheduler_Bootstrap .rsContentTable .rsToday {
		background-color: rgba(61, 86, 117, 0.04) !important;
	}

	/* I turni sul calendario */
	.RadScheduler_Bootstrap .rsApt {
		border-radius: 6px !important;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06) !important;
		border: 1px solid rgba(61, 86, 117, 0.15) !important;
	}

	.RadScheduler_Bootstrap .rsAptContent {
		font-family: 'Poppins', sans-serif !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		padding: 4px 8px !important;
		background-image: none !important;
		background-color: #3d5675 !important; /* Turno standard: Blu tuRnado */
		color: #ffffff !important;
	}

	.RadScheduler_Bootstrap .rsAptSelected .rsAptContent {
		background-color: #f59e0b !important; /* Selezionato: Arancione */
		color: #ffffff !important;
	}
/* ==========================================================================
   COMPATTAZIONE GRIGLIA ORARIA SCHEDULER (Altezza Slot 15px)
   ========================================================================== */

/* 1. Forza l'altezza sulla colonna delle ore a sinistra */
.RadScheduler_Bootstrap .rsVerticalHeaderTable tr,
.RadScheduler_Bootstrap .rsVerticalHeaderTable td {
	height: 15px !important;
	line-height: 13px !important; /* Centra il testo dell'ora verticalmente */
	padding: 0 !important;
}

/* 2. Forza la stessa identica altezza sulla griglia dei turni al centro */
.RadScheduler_Bootstrap .rsContentTable tr,
.RadScheduler_Bootstrap .rsContentTable td {
	height: 15px !important;
	padding: 0 !important;
}

/* 3. Correzione di sicurezza per il testo all'interno delle celle orarie */
.RadScheduler_Bootstrap .rsVerticalHeaderTable td div {
	height: 15px !important;
	line-height: 13px !important;
	font-size: 11px !important; /* Rimpicciolisce leggermente il font dell'ora (es. "08:30") per farlo stare nei 15px */
}
/* ==========================================================================
FINE RADSCHEDULER 
========================================================================== */


/* ==========================================================================
   REINVENZIONE RADLISTVIEW - CARD SETTIMANE MODERN STYLE
   ========================================================================== */

/* --- 1. STRUTTURA E CONTENITORI --- */
.weeks_container {
	padding: 10px 0;
}

.weeks_main_title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	margin-bottom: 20px !important;
	border-bottom: 2px solid #e2e8f0;
	padding-bottom: 8px;
}

.weeks_grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
	gap: 16px !important;
	width: 100%;
}

/* --- 2. LA CARD STATO BASE --- */
.week_card {
	background-color: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	padding: 16px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
	position: relative !important;
	display: block !important;
	/* Transizione fluida per il ritorno allo stato normale */
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important, border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important, box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

	/* --- 3. IL VERO EFFETTO HOVER SULLA CARD --- */
	.week_card:hover {
		cursor: pointer !important;
		background-color: #ffffff !important; /* Mantiene la card bianca */
		/* Animazioni geometriche */
		transform: translateY(-3px) !important;
		border-color: #f59e0b !important; /* Il bordo si accende di Arancione tuRnado */
		box-shadow: 0 10px 20px rgba(16, 24, 40, 0.10) !important; /* Ombra profonda morbida */
	}

/* --- 4. COERENZA DEI TESTI INTERNI SULL'HOVER --- */
.week_title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #3d5675 !important; /* Resta del nostro Blu */
	display: block;
	margin-bottom: 12px;
}

.week_card_link {
	text-decoration: none !important;
	color: inherit !important;
	display: block;
	width: 100%;
}

/* --- 5. IMMUNITÀ DELLE TABELLE INTERNE (Niente Arancione sulle righe!) --- */
.week_table {
	width: 100%;
	border-collapse: collapse;
	background-color: transparent !important;
}

/* Blindiamo lo sfondo di righe, celle e link intermedi (Sia in stato normale che hover) */
.week_card .fieldset_over,
.week_card .week_card_link,
.week_card .week_table tr,
.week_card .week_table td,
.week_card:hover .fieldset_over,
.week_card:hover .week_card_link,
.week_card:hover .week_table tr,
.week_card:hover .week_table td {
	background-color: transparent !important; /* Sfrutta il bianco della card sottostante */
	background-image: none !important;
}

/* Gestione dei testi interni */
.week_table td {
	padding: 6px 0 !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	border-bottom: 1px dashed #f1f5f9;
}

.week_table tr:last-child td {
	border-bottom: none;
}

.week_table td.lbl {
	color: #64748b !important;
	font-weight: 400;
	width: 45%;
}

.week_table td.val {
	color: #1e293b !important;
	font-weight: 500;
	text-align: right;
}

.week_table td.status_val {
	color: #f59e0b !important; /* Lo stato resta sempre Arancione leggibile */
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   FINE FIELDSET
   -------------------------------------------------------------------------- */

/* ==========================================================================
   CLASSI DI UTILITY FLESSIBILI E RIUTILIZZABILI (STILE BOOTSTRAP)
   ========================================================================== */

/* --- Layout e Allineamento --- */
.tu-row-flex {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important; /* Manda a capo gli elementi se lo schermo si stringe */
	width: 100%;
}

.tu-align-center {
	align-items: center !important; /* Centra verticalmente tutti i testi della riga */
}

/* --- Spaziature (Padding e Margini) --- */
.tu-py-2 {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.tu-me-2 {
	margin-right: 8px !important; /* Margin-End / Right */
}

.tu-me-4 {
	margin-right: 24px !important; /* Spazio di stacco tra i macro blocchi */
}

/* --- Tipografia e Pesi del Font --- */
.tu-fw-semibold {
	font-weight: 500 !important;
}

.tu-fw-bold {
	font-weight: 600 !important;
}

/* --- Colori del Testo coordinati con il Brand --- */
.tu-text-muted {
	color: #64748b !important; /* Grigio Slate per le scritte fisse */
}

.tu-text-dark {
	color: #1e293b !important; /* Grigio scuro/Nero moderno per i dati */
}

.tu-text-warning {
	color: #f59e0b !important; /* L'Arancione del brand per lo Stato */
}
.tu-form-container {
	/* Passiamo a CSS Grid per costringere il layout su due colonne stabili */
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important; /* Due colonne speculari di uguale larghezza */
	gap: 16px 24px !important; /* Spazio verticale ed orizzontale */
	padding: 15px;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Modifichiamo il comportamento del gruppo per adattarsi alla griglia */
.tu-form-grid-2 .tu-form-group {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 100% !important; /* Prende tutto lo spazio della sua cella di griglia */
	box-sizing: border-box !important;
}

/* --- REGOLE DEGLI ELEMENTI INTERNI (Per mantenere la grafica pulita) --- */
.tu-form-label {
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #475569 !important;
	margin-bottom: 6px !important;
}

.tu-input-wrapper {
	display: flex !important;
	align-items: center !important;
	width: 100%;
	position: relative;
}

.tu-form-control {
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
	height: 36px !important;
	width: 100% !important;
	padding: 6px 12px !important;
	background-color: #ffffff !important;
	border: 1px solid #d0d5dd !important;
	border-radius: 6px !important;
	color: #1e293b !important;
	box-sizing: border-box !important;
	transition: border-color 0.15s ease !important;
}

	.tu-form-control:focus {
		border-color: #3d5675 !important;
		outline: none !important;
	}

.tu-validator {
	color: #ef4444 !important;
	font-weight: bold !important;
	margin-left: 8px !important;
	flex-shrink: 0 !important;
}

/* Uniformiamo al 100% della cella anche il RadComboBox di Telerik */
.tu-form-group .RadComboBox_Bootstrap,
.tu-form-group .rcb<%= intTipo.ClientID % > {
	width: 100% !important;
}
.tu-col-span-2 {
	grid-column: span 2 !important;
}
.RadInput_Bootstrap,
.RadInput_Bootstrap .riTextBox,
.RadInput_Bootstrap .riEnabled,
.RadInput_Bootstrap .riHover,
.RadInput_Bootstrap .riFocused,
.RadInput_Bootstrap input[type="text"] {
	font-family: 'Poppins', sans-serif !important;
}

/* Applichiamo lo stesso fix in modo generico per sicurezza su tutta la form */
.tu-form-container input,
.tu-form-container select,
.tu-form-container textarea {
	font-family: 'Poppins', sans-serif !important;
}
* --- Variante per campi numerici/corti (evita che si allunghino al 100%) --- */
.tu-form-group-short .tu-input-wrapper {
	width: 90px !important; /* Dimensione ideale e fissa per contenere i numeri */
}

/* --- Gestione e allineamento CheckBox --- */
.tu-form-checkbox-group {
	justify-content: flex-end !important; /* Spinge la checkbox verso il basso allineandola visivamente agli input vicini */
	padding-bottom: 8px;
}

.tu-checkbox-wrapper {
	display: flex !important;
	align-items: center !important; /* Allinea la casella di controllo al testo */
	gap: 8px !important; /* Spazio tra il quadratino e la scritta */
	cursor: pointer;
}

/* Rende la label della checkbox formattata bene come le altre ma senza il distanziamento inferiore */
.tu-form-label-checkbox {
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #475569 !important;
	margin: 0 !important;
	cursor: pointer;
}

/* Opzionale: ingrandisce leggermente il quadratino della checkbox nativa per renderlo più cliccabile */
.tu-form-checkbox input[type="checkbox"] {
	width: 16px !important;
	height: 16px !important;
	cursor: pointer;
}
.tu-form-grid-12 {
	display: grid !important;
	grid-template-columns: repeat(12, 1fr) !important; /* Divide lo spazio in 12 sezioni uguali */
	gap: 16px 20px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* --- CLASSI DI LARGHEZZA UTILITY CORRISPONDENTI (SPAN) --- */
.tu-form-grid-12 {
	display: grid !important;
	grid-template-columns: repeat(12, 1fr) !important;
	gap: 20px 24px !important; /* Aumentato lo stacco per far respirare i campi */
	width: 100% !important;
	box-sizing: border-box !important;
}

	/* Tutti i gruppi della form devono essere blocchi flex verticali puliti */
	.tu-form-grid-12 .tu-form-group {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

/* --- CLASSI DI METRICA (SPAN) --- */
.tu-span-12 {
	grid-column: span 12 !important;
}

.tu-span-6 {
	grid-column: span 6 !important;
}

.tu-span-4 {
	grid-column: span 4 !important;
}

/* --- FIX DI FORZATURA LARGHEZZA CONTROLLI ---
   Forziamo TUTTI gli input (anche con required o icone) a occupare tutto lo span */
.tu-form-grid-12 .tu-input-wrapper,
.tu-form-grid-12 .tu-form-control,
.tu-form-grid-12 input[type="text"],
.tu-form-grid-12 input[type="password"] {
	width: 100% !important;
	max-width: 100% !important; /* Rimuove eventuali limiti nascosti di vecchi CSS */
	box-sizing: border-box !important;
}

/* Se ci sono icone o validatori dentro il wrapper, usiamo il flex per non far saltare la riga */
.tu-form-grid-12 .tu-input-wrapper {
	display: flex !important;
	align-items: center !important;
}

/* Specifica per le Textarea (Annotazioni) */
.tu-textarea-control {
	height: auto !important;
	resize: vertical;
}

/* Gestione dei doppi input inline (Es. Saldo a Fine) */
.tu-dual-inputs {
	display: flex !important;
	gap: 8px !important;
	width: 100% !important;
	align-items: center !important;
}

.tu-bold-value {
	font-weight: 700 !important;
	color: #1e293b !important;
}

/* Stile pulito per i RadioButtonList di ASP.NET (Si/No) */
.tu-radio-switch {
	border: none !important;
	margin-top: 4px;
}

	.tu-radio-switch td {
		padding-right: 16px !important;
		font-family: 'Poppins', sans-serif !important;
		font-size: 14px !important;
		color: #334155 !important;
	}

	.tu-radio-switch input[type="radio"] {
		margin-right: 6px !important;
		cursor: pointer;
	}

/* Testo di elenco vuoto (Telerik ListBox) */
.tu-empty-list-msg {
	padding: 10px;
	font-size: 13px !important;
	color: #94a3b8 !important;
	font-style: italic;
}
/* Il contenitore orizzontale principale */
.tu-filter-bar {
	display: flex !important;
	flex-wrap: wrap !important; /* Permette di andare a capo su monitor piccoli */
	align-items: center !important; /* Allinea verticalmente tutti i filtri al centro */
	gap: 12px 20px !important; /* Spazio tra i filtri: 12px verticale (se va a capo), 20px orizzontale */
	padding: 12px;
	
	border-radius: 8px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}

/* Il singolo blocco formato da Label + Input affiancati */
.tu-filter-item {
	display: flex !important;
	align-items: center !important; /* Centra la scritta rispetto al suo input vicino */
	gap: 8px !important; /* Spazio fisso tra la label e l'input */
}

/* Stile omogeneo per le label dei filtri */
.tu-filter-label {
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #475569 !important;
	white-space: nowrap !important; /* Impedisce alla label di spezzarsi su due righe */
}

/* Wrapper per mantenere i controlli Telerik stabili */
.tu-filter-control-wrapper {
	display: inline-block;
	vertical-align: middle;
}

/* Layout per i RadioButton di ricerca */
.tu-filter-radio {
	display: inline-flex !important;
	align-items: center;
}

	.tu-filter-radio input[type="radio"] {
		margin: 0 4px 0 0 !important; /* Resetta i margini strani e lascia solo un piccolo stacco a destra */
		vertical-align: middle !important;
		cursor: pointer;
	}

	.tu-filter-radio label {
		display: inline-block !important;
		vertical-align: middle !important;
		margin: 0 !important; /* Rimuove i margini nativi che li spingono verso l'alto o il basso */
		padding: 0 !important;
		font-family: 'Poppins', sans-serif !important;
		font-size: 13px !important;
		color: #334155 !important;
		cursor: pointer;
		line-height: 1 !important; /* Forza l'altezza del testo a non creare extra-spazio sopra e sotto */
	}

/* Contenitore dei bottoni di ricerca (li tiene sempre uniti) */
.tu-filter-buttons {
	display: flex !important;
	gap: 8px !important;
	margin-left: auto; /* Trucco flex: spinge i bottoni a destra se c'è spazio, altrimenti va a capo unito */
}

/* Se lo schermo è molto piccolo (Mobile/Tablet stretto), i bottoni si allineano a sinistra */
@media (max-width: 768px) {
	.tu-filter-buttons {
		margin-left: 0;
		width: 100%;
	}
}
/* ==========================================================================
   FINE CLASSI FLESSIBILI 
   ========================================================================== */
/* ==========================================================================
   STILIZZAZIONE SCROLLBAR MODERNE (TINTA BLU)
   ========================================================================== */

/* --- Standard W3C (Per Firefox e Safari moderni) --- */
html, body, iframe, .fluidMedia, .tu-form-container, div {
	scrollbar-width: thin !important; /* La rende sottile ed elegante */
	scrollbar-color: #3d5675 #f1f5f9 !important; /* [Colore cursore] [Colore tracciato sfondo] */
}

/* --- Motori Webkit (Chrome, Edge, Opera, vecchi Safari) --- */

/* 1. Larghezza e altezza della barra */
::-webkit-scrollbar {
	width: 8px !important; /* Spessore per scroll verticale */
	height: 8px !important; /* Spessore per scroll orizzontale */
}

/* 2. Il tracciato di sfondo (la pista su cui scorre) */
::-webkit-scrollbar-track {
	background: #f1f5f9 !important; /* Un grigio chiarissimo e pulito (Slate 100) */
	border-radius: 10px !important;
}

/* 3. Il cursore (la barra blu che si trascina) */
::-webkit-scrollbar-thumb {
	background: #3d5675 !important; /* Il tuo blu istituzionale della web app */
	border-radius: 10px !important; /* Angoli totalmente arrotondati */
	border: 2px solid #f1f5f9 !important; /* Crea un micro-effetto stacco intorno alla barra */
}

	/* 4. Effetto al passaggio del mouse (Hover) */
	::-webkit-scrollbar-thumb:hover {
		background: #2c3e55 !important; /* Un blu leggermente più scuro quando ci passi sopra */
	}
/* ==========================================================================
   FINE SCROLLBAR MODERNE (TINTA BLU)
   ========================================================================== */
/* ==========================================================================
   RESTYLING COMPLETO RADLISTBOX TELERIK (SKIN BOOTSTRAP)
   ========================================================================== */

/* 1. Forza il font Poppins su tutta la lista e i suoi elementi */
.RadListBox_Bootstrap,
.RadListBox_Bootstrap .rlbList,
.RadListBox_Bootstrap .rlbItem,
.RadListBox_Bootstrap .rlbText {
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	color: #334155 !important;
}

	/* 2. Sistemiamo il contenitore esterno: bordi morbidi e stile coerente */
	.RadListBox_Bootstrap .rlbGroup {
		border: 1px solid #d0d5dd !important;
		border-radius: 6px !important;
		background-color: #ffffff !important;
		padding: 4px !important;
	}

	/* 3. Il singolo elemento della lista: diamogli respiro (padding) e un hover moderno */
	.RadListBox_Bootstrap .rlbItem {
		padding: 6px 10px !important;
		border-radius: 4px !important;
		transition: background-color 0.15s ease, color 0.15s ease !important;
		display: flex !important;
		align-items: center !important;
	}

		/* Effetto Hover quando passi sopra a una riga della lista */
		.RadListBox_Bootstrap .rlbItem:hover,
		.RadListBox_Bootstrap .rlbItem.rlbHovered {
			background-color: #f1f5f9 !important; /* Grigio chiarissimo di selezione */
			color: #1e293b !important;
		}

		/* Stato selezionato / attivo (se cliccato) */
		.RadListBox_Bootstrap .rlbItem.rlbSelected {
			background-color: #e2e8f0 !important;
			color: #0f172a !important;
		}

	/* 4. Allineamento perfetto della Checkbox nativa di Telerik rispetto al testo */
	.RadListBox_Bootstrap .rlbCheck {
		margin-right: 8px !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		vertical-align: middle !important;
		cursor: pointer !important;
		width: 15px !important;
		height: 15px !important;
	}

		/* Sistema anche il testo adiacente alla checkbox per stare sulla stessa linea visiva */
		.RadListBox_Bootstrap .rlbCheck + .rlbText {
			vertical-align: middle !important;
			display: inline-block !important;
			cursor: pointer !important;
		}

/* ==========================================================================
   FINE RESTYLING COMPLETO RADLISTBOX TELERIK (SKIN BOOTSTRAP)
   ========================================================================== */
/* ==========================================================================
   RESTYLING COMPLETO RADTABSTRIP TELERIK (SKIN BOOTSTRAP)
   ========================================================================== */
/* 1. Font Poppins e pulizia dei contenitori di Telerik */
/* 1. Reset globale del font e disposizione in linea dei tab */
.RadTabStrip_Bootstrap,
.RadTabStrip_Bootstrap .rtsUL,
.RadTabStrip_Bootstrap .rtsLI {
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	display: inline-flex !important; /* Forza i tab a stare in riga orizzontale */
	align-items: center !important;
}
	.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected, .RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected:hover {
		border-color: #dedede;
		background-color: #f7b731 !important;
	}
	.RadTabStrip_Bootstrap .rtsLink {
		padding: 10px 11px !important;
		color: #3d5655 !important;
	}
	.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
		border: 1px solid #dedede !important;
	}

/* ==========================================================================
   FINE RESTYLING COMPLETO RADTABSTRIP TELERIK (SKIN BOOTSTRAP)
   ========================================================================== */

/* ==========================================================================
   BARRA PULSANTI DI AZIONE IN LINEA FLUIDA
   ========================================================================== */

/* Il contenitore principale di tutta la riga dei bottoni */
.tu-action-bar {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	margin-top: 15px;
	box-sizing: border-box;
}

	/* Neutralizza il display:block nativo di asp:Panel facendolo diventare un flusso inline */
	.tu-action-bar .tu-panel-inline {
		display: inline-flex !important;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Il trucco magico: spinge questo blocco (e tutto ciò che contiene) sul lato destro */
	.tu-action-bar .tu-buttons-right {
		display: inline-flex !important;
		margin-left: auto !important; /* Calcola lo spazio vuoto e lo mette a sinistra, calamitando i bottoni a destra */
	}
	/* Forza qualsiasi elemento nascosto tramite display:none o non renderizzato a rilasciare lo spazio */
	.tu-action-bar [style*="display: none"],
	.tu-action-bar [style*="display:none"],
	.tu-action-bar .aspNetDisabled[style*="display:none"] {
		display: none !important;
	}

	/* Se il contenitore di destra è vuoto (perché i bottoni interni hanno Visible="false"), si auto-annulla */
	.tu-action-bar .tu-buttons-right:empty {
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
/* ==========================================================================
   FINE BARRA PULSANTI DI AZIONE IN LINEA FLUIDA
   ========================================================================== */
/* ==========================================================================
   PANNELLO CONFIGURAZIONE WIZARD (STILE TURNADO)
   ========================================================================== */
/* Contenitore principale a griglia responsive (3 colonne stabili) */
.tu-grid-cards-container {
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
}

/* --- BOX NOTIFICA / ALERT --- */
.tu-wizard-alert {
	grid-column: 1 / -1; /* Forza l'alert a occupare l'intera riga iniziale */
	background-color: #f0fdf4 !important; /* Verde menta chiarissimo, molto rilassante */
	border: 1px solid #bbf7d0 !important;
	border-radius: 8px !important;
	padding: 14px 18px !important;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.tu-alert-icon {
	font-size: 18px;
	line-height: 1;
}

.tu-alert-content {
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	color: #166534 !important; /* Testo scuro ad alto contrasto per l'accessibilità */
	line-height: 1.5 !important;
}

/* Stile della singola Card Standard */
.tu-grid-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 20px !important;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 150px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

	.tu-grid-card:hover {
		transform: translateY(-2px);
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08) !important;
	}

.tu-card-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #3d5675 !important;
	margin: 0 0 8px 0 !important;
}

.tu-card-subtitle {
	font-family: 'Poppins', sans-serif !important;
	font-size: 12px !important;
	color: #64748b !important;
	line-height: 1.5 !important;
	margin: 0 0 20px 0 !important;
	flex-grow: 1;
}

.tu-card-btn {
	width: 100% !important;
	text-transform: uppercase;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px;
}

/* --- TRATTAMENTO CARD DI CALCOLO --- */
.tu-grid-card.tu-card-primary {
	border-color: #ffb700 !important; /* Colore bordo coordinato al giallo */
	background: #fffdf5 !important; /* Sfondo caldo protettivo */
}

/* IL BOTTONE GIALLO TURNADO CON BOX SHADOW */
.tu-btn-turnado-launch {
	width: 100% !important;
	padding: 10px 16px !important;
	background-color: #ffb700 !important; /* Giallo Turnado vivido ed elegante */
	color: #1e293b !important; /* Testo scuro antracite per una leggibilità perfetta sul giallo */
	border: none !important;
	border-radius: 6px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.15s ease !important;
	box-shadow: 0 4px 14px rgba(255, 183, 0, 0.4) !important; /* Ombra sfumata gialla */
}

	.tu-btn-turnado-launch:hover {
		background-color: #e5a400 !important; /* Si scalda leggermente all'hover */
		box-shadow: 0 6px 20px rgba(255, 183, 0, 0.55) !important;
		transform: scale(1.01);
	}
/* ==========================================================================
   FINE PANNELLO CONFIGURAZIONE WIZARD (STILE TURNADO)
   ========================================================================== */
* ==========================================================================
TIMELINE DI AVANZAMENTO ELABORAZIONE (TURNADO STYLE)
========================================================================== */
/* Contenitore principale */
.tu-processing-container {
	margin-top: 25px;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 24px !important;
	max-width: 680px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
	box-sizing: border-box;
}

/* --- SEZIONE PROGRESS BAR --- */
.tu-progress-wrapper {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f1f5f9;
}

.tu-progress-bar-cell {
	flex-grow: 1; /* La barra occupa tutto lo spazio disponibile */
}

.tu-progress-label-cell span {
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
	color: #3d5675 !important; /* Blu Turnado */
	white-space: nowrap;
}

/* RESTYLING COMPLETO RADPROGRESSBAR (Sovrascrittura Skin WebBlue) */
.RadProgressBar_WebBlue {
	border: 1px solid #e2e8f0 !important;
	background-color: #f8fafc !important; /* Sfondo barra neutro */
	border-radius: 10px !important;
	height: 16px !important;
	overflow: hidden !important;
}

	.RadProgressBar_WebBlue .rpbProgressBarValue {
		background-image: none !important;
		background-color: #ffb700 !important; /* Giallo Turnado per l'avanzamento */
		border-radius: 10px 0 0 10px !important;
		height: 100% !important;
	}

/* --- SEZIONE TIMELINE DEI PASSAGGI --- */
.tu-timeline-table {
	width: 100%;
	border-collapse: collapse;
}

.tu-timeline-row {
	height: 40px;
	transition: background-color 0.2s ease;
}

/* Colonna delle Icone (Done / Waiting) */
.tu-timeline-icon {
	width: 45px;
	text-align: center;
	vertical-align: middle;
}

	.tu-timeline-icon img {
		max-height: 20px;
		width: auto;
		display: inline-block;
		vertical-align: middle;
	}

/* Colonna dei Testi dei Passaggi */
.tu-timeline-text span {
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #475569 !important; /* Grigio scuro leggibile */
	vertical-align: middle;
}

/* Opzionale: un leggero feedback visivo di riga */
.tu-timeline-row:hover {
	background-color: #f8fafc;
}
/* ==========================================================================
   FINE TIMELINE DI AVANZAMENTO ELABORAZIONE (TURNADO STYLE)
   ========================================================================== */
/* ==========================================================================
   POPUP ANAGRAFICA DIPENDENTE (MODERNO & PERFORMANTE)
   ========================================================================== */

/* ==========================================================================
   FINE POPUP ANAGRAFICA DIPENDENTE (MODERNO & PERFORMANTE)
   ========================================================================== */

.tu-align-right {
	float: right !important;
	display: inline-block !important;
	
}

		.avvio {
	height: 50px;
	padding-top: 10px;
	float: left;
	clear: both
}
	.avvio span {height:25px;padding-bottom:15px; margin-left:50px;}
	
	
	#UpdatePanel1 img {margin-left:10px; float:left}
	 #btnEsclusioni, #btnAssenze, #btnPresenze, #btnDistribuzioni, #btnTurni
	{
		background-image:none !important;
		clear:both;
		width:530px;
		float:left;
		 }
    #btnProcedi
	{
		background-image:none !important;
		clear:both;
		width:530px;
		float:left;
		 }
#pPP {height:100px;}
	#btnVisualizza {width:170px !important;  }
	
	
	
	.layoutFieldset, .groupFieldset {border:0; margin:0; padding:0;}

 #Utente {  
	 padding: 0 10px;
		  -webkit-font-smoothing: antialiased;
		  text-rendering: optimizeLegibility;
		  color: #444;
		  text-align:center;
  }





.rwd-table {
  margin: 1em 0;
}
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: .5em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}

.rwd-table th, .rwd-table td {
  text-align: left;
  display: table-cell;
}

h1 {
  font-weight: normal;
  letter-spacing: -1px;
  color: #34495E;
}

.rwd-table {
  background: #34495E;
  color: #fff;
  border-radius: .4em;
  overflow: hidden;
}
.rwd-table tr {
  border-color: #46627f;
}
.rwd-table th, .rwd-table td {
  margin: .5em 1em;
}
  .rwd-table th, .rwd-table td {
    padding: 1em !important;
  }
	.rwd-table th, .rwd-table td:before {
		color: #FFC10F;
			}

#RAD_SPLITTER_PANE_CONTENT_wcCalendario1_MiddlePane {height:auto !important}
.richieste {font-family:Helvetica; }
.picc {width:60px !important; padding:2px; }
.picc2 {width:60px !important; padding:4px; }
.picc3 {clear:both; float:none; width:100px; padding:6px;}
.picc4 {clear:both;  width:100px; padding:6px;}

.rspSlideContent {padding-left:5px}

#btnSalvaSaldoPanel, #btnSalvaSaldo {width:24px; float:right; padding:1px !important;}
.ClsTotOre {width:40px !important;}
#pAll {height:500px; overflow:auto}

input#bitForzaCopertura, #bitForzaCopertura {box-shadow:none !important; width:30px !important}

.rhOrario {
-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-weight: normal;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 11px !important;
    color:#fff;
}
.Orario {
width:15px !important;
}
th.rgHeader {
    height: 35px !important;
}

.RadScheduler .rsHeader h2 {
color:#000 !important}

.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 9999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: sans-serif;
}

.spinner {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #007bff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
	margin-bottom: 10px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
.table-utente th {
	background-color: #3D5685;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	padding: 10px 5px;
	text-transform: uppercase;
}
.table-utente {
	border-top-left-radius: 15px;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
	width:100%
}
	.table-utente td {
		border-bottom: 1px solid #34495E;
		font-size: 0.8em;
		padding: 10px 5px;
		text-align:left;
	}
#form-main {
	padding-top: 85px;
}
fieldset.layoutFieldset.vis-utente {
	max-width: 600px;
	display: grid;
	margin: auto;
}


/* SMALL DEVICES */
@media screen and (max-width: 768px) {
  #sidebar { display: none; }
  .titoloHome { display: none; }
  .info-licenza { display: none; }
  .card-icon-wrapper { flex: 0 0 40px; max-width: 40px; }
  i[id^="wcTile"][id$="_iIcon"] { font-size: 2.5em; }
  #form-main { padding-top: 55px; }
  .grid-container { margin-top: 30px; }
  .Titoli { font-size: 1em; margin-bottom: 5px; }
  fieldset.layoutFieldset.vis-utente { width: 100%; }
}