/*#region Controls*/

body
{
	margin: 10px;
}

body,
input,
select,
textarea,
div,
table,
button
{
	color: #0D0D0D;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

img {
	border-width: 0px;
	vertical-align: middle;
}

hr
{
	color: Silver;
	border: none;
	border-top: 1px solid Silver;
}

h1, h2, h3, h4, h5
{
	color: #486B9D;
}

h2
{
	margin-top: 30px;
}

a:link
{
	text-decoration: none;
	color: #486B9D;
}

a:visited
{
	text-decoration: none;
	color: #486B9D;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	text-decoration: none;
	color: Red;
}

input[type=submit],
input[type=button],
input[type=reset],
button,
.agestbtn,
.falseButton
{
	cursor: pointer;
	border: 1px solid silver;
	text-align: center;
	padding: 3px;
	background-color: #ECEDEE;
	color: #486B9D;
	font-weight: bold;
	width: 120px;
}


input[type="text"], 
input[type="password"], 
input.ui-autocomplete-input, 
select, 
textarea 
{
	border: 1px solid silver;
}

input[type=radio]
{
	cursor: pointer;
}


input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
.agestbtn:hover,
button:hover {
	background-color: #4692BF;
	color: White;
}


input[type=button]:disabled,
select:disabled,
button:disabled
{
	color: Silver;
}

input[type=button]:disabled:hover,
button:disabled:hover
{
	color: Silver;
	background-color: #ECEDEE;
}

input[type=checkbox]
{
	vertical-align: middle;
	margin-left: 0px;
	margin-top: 2px;
}

button[type=button].asLink
{
	cursor: pointer;
	background-color: transparent;
	border: none;
	color: #486B9D;
	margin: 0 3px;
}

button[type=button].asLink:hover
{
	text-decoration: underline;
}

label
{
	margin-right: 5px;
	margin-bottom: 10px;
}


/*#endregion*/

/*#region Container*/

.divMargin
{
	margin: 5px;
}

.divBorder 
{
	border:1px solid silver;
}

div:focus {
	outline: none;
}

/*#endregion*/

/*#region Pager Ecocerved.Pager.js */

.pager
{
	height: 20px;
}

.pagerPage,
.pagerPageSelected
{
	min-width: 12px;
	padding: 0 2px;
	height: 13px;
	background-color: #ecedee;
	border: solid 1px #b4bac0;
	color: #486b9d;
	font-size: 10px;
	text-align: center;
	float: left;
	cursor: pointer;
	margin-right: 3px;
	margin-left: 0px;
}

.pagerPageSelected
{
	background-color: #4692bf;
	border: solid 1px #4692bf;
	color: #fff;
	font-weight: bold;
}

.pagerPageNextPrev
{
	float: left;
	padding-right: 4px;
}

/*#endregion*/

/*#region Pager [MG] */

ul.pager 
{
	margin: 0;
	padding: 0;
	font-size:13px;
	color:#0d0d0d;	
}

.pager li.page 
{
	height:13px;
	border: 1px solid #C0C0C0;		
	background-color: rgb(236, 237, 238);
	margin: 1px;
	min-width: 12px;
	cursor: pointer;
	padding: 0 2px 0 2px;
	text-align: center;	
	color: #486b9d;
	font-size:10px;
}

.pager li.page:hover 
{
	background-color: #DFDFDF;
}

.pager li.page.selected
{
	background-color: rgb(70, 146, 191);
	cursor: auto;
	font-weight:bold;
	color:#ffffff;
}

.pager li.empty 
{
	border: 1px solid #ffffff;		
	list-style-type: none;
	background-color: #ffffff;
	margin: 1px;
	width: 1.1em;
	padding: 0;
	text-align: center;		
	color: #CCCCCC;
}
/*#endregion*/

/*#region Classes*/

.highlight
{
	background-color: #FCFCC7;
	border-bottom: 1px dotted gray;
}

.labelGray
{
	color:Gray;
	/*font-size: 9px;*/
}

.colorBlue {
	color: #486B9D;
}

.impreseTitle
{
	color: #486B9D;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin:40px 0 10px 0;
}

.falseLink,
.divClickable
{
	cursor: pointer;
}

.falseLink
{
	text-decoration: none;
	color: #486B9D;
}

.falseLink:hover
{
	text-decoration: underline;
}

.tableGeneric,
.tableListe,
.tableRow /* è una tabella senza suddivisione di colonne */
{
	border-collapse: collapse;
}
/*
.tableListe tr:first-child
{
	background-color:#ECEDEE;
	font-weight:bold;
	color:Gray;
}*/

.tableListe th,
.tableRow th
{
	background-color: #ECEDEE;
	font-weight: bold;
	color: Gray;
}


.tableListe tr
{
	height: 30px;
}

.tableRow tr
{
	height: 30px;
	border: 1px solid silver;
}

.tableRow th,
.tableRow td
{
	padding: 5px 10px;
	vertical-align: top;
}

.tableGeneric td,
.tableListe td,
.tableListe th
{
	border: 1px solid silver;
	padding: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tableListeHover tbody tr:hover
{
	background-color: #E4EDF5;
	cursor: pointer;
	color: Black;
}

.tableListeSelected
{
	background-color: #FCFCC7 !important;
}

/* Notifier (è un override degli stili di UI) */
.ui-state-highlight,
.ui-state-error
{
	font-weight: bold;
}

.errorLabel
{
	color: Red;
}

/*#endregion */

/*#region Tooltip*/
.tooltipBox,
.tooltip,
.tooltipLarge,
.tooltipNews 
{
	background-color: #fbf7c4;
	border: 1px #DCDCDC solid;
}

.tooltipBox
{
	padding: 2px 10px;
}

.tooltip, 
.tooltipLarge, 
.tooltipNews 
{
	margin: 0px;
	padding: 5px 20px;
	position: absolute;
	z-index: 3000;
	width: 300px;
	min-height: 20px;
}

.tooltipLarge,
.tooltipNews
{
	width: 600px;
}

.tooltipNews
{
	border-color: silver;
	background-color: #F2F2F2;
}

.topAlertBar
{
	background-color: #FCFCC7;
	border: 1px #DCDCDC solid;
	margin: -9px -10px 10px -8px;
	padding: 2px 20px 5px 20px;
	z-index: 3000;
	height: 13px;
}

.topAlertBarMessage
{
	float: left;
}

.topAlertBarCloseButton
{
	background-color: #C5DBEC;
	font-size:10px;
	color:black;
	float: left;
	border: 1px solid silver;
	padding: 0 3px;
	cursor: pointer;
	margin-left: 20px;
}

/*#endregion */

/*#region Sprites icons*/

.iconUser,
.iconPencil,
.iconEdit, /*icon.page.edit*/
.iconAccept,
.iconAdd,
.iconAlert,
.iconCancel,
.iconTrash,
.iconPrinter,
.iconSearch,
.iconInfo,
.iconError,
.iconRefresh,
.iconRegistered,
.iconTick,
.iconIncompleteRegistration,
.iconTickGreen,
.iconTickRed,
.iconCalendar,
.iconTickGrey,
.iconWord,
.iconExcel,
.iconPdf,
.iconCopy,
.iconView,
.iconDownload,
.iconUpload,
.iconZip,
.iconRewind,
.iconForward,
.iconBack,
.iconHelp,
.iconLogout,
.iconFirst, /*icon.nav.first*/
.iconLast, /*icon.nav.last*/
.iconPrevious, /*icon.nav.previous*/
.iconNext, /*icon.nav.next*/
.iconMinus,
.iconPlus,
.iconRotate,
.iconList,
.iconListNumbered,
.iconGoDown,
.iconGoUp,
.iconIscr,
.iconAgg,
.iconSuspended,
.iconGraph,
.iconPage,
.iconPinSet,
.iconPinUnset,
.iconFlagIT,
.iconFlagES,
.iconFlagEN,
.iconFlagDE,
.iconFlagFR,
/*codice colore per le icone grandi #6182B1*/
.iconBigCalendar,
.iconBigCalendar2,
.iconEcocervedLogo,
.iconPagoPA,
.iconMediumCalendar,
.iconMediumPdf,
.iconMediumDetail,
.iconMediumResult {
	background: url('../img/icon.sprite.png?018') 0 0 no-repeat;
	width: 16px;
	height: 16px;
}


.iconFlagIT,
.iconFlagES,
.iconFlagEN,
.iconFlagDE,
.iconFlagFR {
	width: 22px;
	height: 16px;
}

.iconBigCalendar,
.iconBigCalendar2 
{
	width: 63px;
	height: 64px;
}

.iconEcocervedLogo 
{
	width: 34px;
	height: 33px;
}
.iconPagoPA 
{
	width: 36px;
	height: 36px;
}
.iconMediumCalendar {
	width: 32px;
	height: 32px;
}
.iconMediumResult {
	width: 32px;
	height: 32px;
}
.iconMediumPdf {
	width: 32px;
	height: 32px;
}
.iconMediumDetail {
	width: 32px;
	height: 32px;
}



/* prima linea */
.iconUser {
	background-position: -1px -1px;
}
.iconPencil{background-position: -18px -1px;}
.iconEdit{background-position: -35px -1px;}
.iconAccept{background-position: -52px -1px;}
.iconAdd{background-position: -69px -1px;}
.iconAlert{background-position: -86px -1px;}
.iconCancel{background-position: -103px -1px;}
.iconTrash{background-position: -120px -1px;}
.iconPrinter{background-position: -137px -1px;}
.iconSearch{background-position: -154px -1px;}
/* seconda linea */
.iconInfo{background-position: -1px -18px;}
.iconError{background-position: -18px -18px;}
.iconRefresh{background-position: -35px -18px;}
.iconRegistered{background-position: -52px -18px;}
.iconTick{background-position: -69px -18px;}
.iconIncompleteRegistration{background-position: -86px -18px;}
.iconTickGreen{background-position: -103px -18px;}
.iconTickRed{background-position: -120px -18px;}
.iconCalendar{background-position: -137px -18px;}
.iconTickGrey {background-position: -154px -18px;}
/* terza linea */
.iconWord{background-position: -1px -35px;}
.iconExcel{background-position: -18px -35px;}
.iconPdf{background-position: -35px -35px;}
.iconCopy{background-position: -52px -35px;}
.iconView{background-position: -69px -35px;}
.iconDownload{background-position: -86px -35px;}
.iconUpload{background-position: -103px -35px;}
.iconZip {background-position: -120px -35px;}
.iconRewind{background-position: -137px -35px;}
.iconForward{background-position: -154px -35px;}
/* quarta linea */
.iconBack{background-position: -1px -52px;}
.iconHelp{background-position: -18px -52px;}
.iconLogout{background-position: -35px -52px;}
.iconFirst{background-position: -52px -52px;}
.iconLast{background-position: -69px -52px;}
.iconPrevious{background-position: -86px -52px;}
.iconNext{background-position: -103px -52px;}
.iconMinus{background-position: -120px -52px;}
.iconPlus{background-position: -137px -52px;}
.iconRotate{background-position: -154px -52px;}
/* quinta linea */
.iconList {background-position: -1px -69px;}
.iconListNumbered {background-position: -18px -69px;}
.iconGoDown {background-position: -35px -69px;}
.iconGoUp {background-position: -52px -69px;}
.iconIscr {background-position: -69px -69px;}
.iconAgg {background-position: -86px -69px;}
.iconSuspended {background-position: -103px -69px;}
.iconGraph {background-position: -120px -69px;}
.iconPage {background-position: -137px -69px;}
/* sesta linea */
.iconPinSet {background-position: -1px -86px;}
.iconPinUnset {background-position: -18px -86px;}
/* bandiere */
.iconFlagIT {
	background-position: -1px -103px;
}
.iconFlagES{background-position: -24px -103px;}
.iconFlagEN{background-position: -47px -103px;}
.iconFlagDE{background-position: -70px -103px;}
.iconFlagFR{background-position: -93px -103px;}
/* logo e icone grandi */
.iconBigCalendar{background-position: -1px -120px;}
.iconBigCalendar2{background-position: -67px -120px;}
.iconEcocervedLogo{background-position: -131px -120px;}
.iconPagoPA {background-position: -131px -155px;}

/* logo e icone medie */
.iconMediumCalendar {background-position: -1px -185px;}
.iconMediumPdf {background-position: -34px -185px;}
.iconMediumDetail {background-position: -67px -185px;}
.iconMediumResult {	background-position: -100px -185px;}


/*#endregion */
/*#region  Special & useful Style*/
.float-left {
	float: left;
}

.float-right
{
	float: right;
}

.clear-both
{
	clear: both;
}

ul.list-style-type-none
{
	list-style-type: none;
}

ul.horizontal-menu
{
	list-style-type: none;
	margin: 6px 6px 0px 6px;
}

ul.horizontal-menu li
{
	float: left;
	margin-right: 20px;
}

ol.lower-alpha
{
	list-style-type: lower-alpha;
}

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

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

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

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

.text-underline
{
	text-decoration: underline;
}

fieldset.noborder
{
	border-style: none;
}

/*#endregion  Special & useful Style*/

/*#region  Styles for clearfix*/
/*ref: http://nicolasgallagher.com/micro-clearfix-hack/  */

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

/*#endregion  Styles for clearfix*/


/***************************************/
/**************** PAGER  *************/
/***************************************/

ul.pager {
	margin: 0;
	padding: 0;
	font-size:13px;
	color:#0d0d0d;	
}



.pager li.page 
{
	height:13px;
	border: 1px solid #C0C0C0;		
	background-color: rgb(236, 237, 238);
	margin: 1px;
	min-width: 12px;
	cursor: pointer;
	padding: 0 2px 0 2px;
	text-align: center;	
	color: #486b9d;
	font-size:10px;
}


	.pager li.page:hover {
		background-color: #DFDFDF;
	}

	.pager li.page.selected
	{
		background-color: rgb(70, 146, 191);
		cursor: auto;
		font-weight:bold;
		color:#ffffff;
	}

	.pager li.empty {
		border: 1px solid #ffffff;		
		list-style-type: none;
		background-color: #ffffff;
		margin: 1px;
		width: 1.1em;
		padding: 0;
		text-align: center;		
		color: #CCCCCC;
	}


/*
.pager li.selected:hover
{
	background-color: #A5CB7A;
	cursor: auto;
}*/




.tableHeaderFixed{
}

.tableHeaderFixed thead tr  table tr th{
	 border-top-width:0;
		border-bottom-width:0;	 
}
	
	.tableHeaderFixed  tr th span{	
		font-weight:normal;
}		

		.tableHeaderFixed  tbody  table  td
		,.tableHeaderFixed  tbody  table  th
	,.tableHeaderFixed  thead  table  th{
	
		 border-left-width:0px!important;
		 border-collapse:collapse;
}


/*#region ElenchiIscrittiAutenticati */

#tabs .auth {

	background-color:red;


}

/*#endregion ElenchiIscrittiAutenticati */

.ui-icon-closethick {
	background-color: #539ad0;
}

.ui-icon-closethick:hover {
	background-color: #276ba0;
}

.radio-pagamento {
	display: flex;
	align-items: center; /* radio centrato verticalmente */
	gap: 12px;
}

.label-container {
	display: flex;
	flex-direction: column; /* immagine sopra, testo sotto */
	cursor: pointer;
}

.label-title {
	display: flex;
	align-items: center;
	gap: 6px;
}

.label-container .iconInfo {
	cursor: help;
}

.label-subtitle {
	font-size: 0.85em;
	color: #666;
	margin-top: 5px;
}

.label-pagopa {
	font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
	font-weight: 500;
	font-size: 1.1em;
}