@charset "utf-8";
/* CSS Document */

/*@import url("reset.css");*/

/* --------------------------------------------------------------- */
/* HTML ELEMENTS												   */
/* --------------------------------------------------------------- */

strong { font-weight:bold; }
em { font-style:italic; }

h1, h2, h3, h4, h5, h6 { margin: 0.6em 0 0.6em; color: #000000; font-family:Tahoma, Verdana, Arial, sans-serif; font-weight:bold; }
h1 { font-size:200%; }
h2 { font-size:150%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; }
h6 { font-size:100%; }
p { margin: 1em 0px; }

html,body {
	margin:0;
	padding:0;
	font: 85% Tahoma,Verdana,Arial,sans-serif;
	color:#000;
	line-height:130%;
	height:100%; 
	background-color: #EEE;
}

form,input,textarea,select {
	margin:0px;
	padding:0px;
	font: 100% Tahoma,Verdana,Arial,sans-serif;	
}

a:link, a:visited { color:#006699; }
a:hover { color:#000; }

input.Submit {
	font:110% Tahoma,Verdana,Arial,sans-serif;
}

/* -------- BREADCRUMBS ------- */
div#breadcrumbs { overflow:hidden; margin-top:0px; margin-bottom:20px; font-style:normal; font-weight:bold; zoom:1; }
div#breadcrumbs p { float:left; margin:0px; line-height: inherit; }
div#breadcrumbs ol { display:block; overflow:hidden; }
div#breadcrumbs li { float:left; padding-left:18px; position: relative; }
div#breadcrumbs li:before { display: var(--fa-display,inline-block); position:absolute; left:4px; top: 0px; font: var(--fa-font-solid); font-size:16px; color: #000000; content: "\f105"; }
div#breadcrumbs li.first { padding-left:5px; }
div#breadcrumbs li.first:before { content:none; }

/* MAIN TITLE */
div#content	h1.titlePage { font:140% Tahoma,Verdana,Arial,sans-serif; color:#006699; font-weight:bold; border-bottom:2px solid #006699; line-height:250%; margin-bottom:30px;}

/* MESSAGGI DI ERRORE */
.msgBox { padding:10px; position:relative; padding-left:50px; border:1px solid #ccc; margin-bottom:20px; background-color:#FFEE00; }
.msgBox:before { display: var(--fa-display,inline-block); position:absolute; left:8px; top: 3px; font: var(--fa-font-solid); font-size:30px; color: #FFFFFF; content: "\f111";}
.msgBox:after { display: var(--fa-display,inline-block); position:absolute; left:8px; top: 3px; font: var(--fa-font-solid); font-size:30px; color: #78CD51; content: "\f05a";}

ul.elenco { list-style:disc; padding:10px 0px 10px 30px; }
ol.elenco { list-style:decimal; padding:10px 0px 10px 30px; }

/* -------- Tabella Stilata ------- */
table.styled_table 	{ width:98%; border-collapse: collapse; }
table.styled_table .oddRow	{ background-color:#EEE; }
table.styled_table .evenRow	{ background-color:#DDD; }
table.styled_table .selectedRow	{ background-color:#FFFFCC; }
table.styled_table tr th	{ padding:5px; background-color:#888; color:#FFFFFF; text-align:left; vertical-align:middle; border:2px solid #FFFFFF; font-weight:bold; }
table.styled_table tr td { padding:5px; vertical-align:middle; border:2px solid #FFFFFF; background-position:center; background-repeat:no-repeat; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.dataTable {
	margin-bottom: 10px!important;
}
tr.odd td {
	background-color: #EEE;
}

tr.even td {
	background-color: #DDD;
}
.styled_table tr.selectedRow td	{
	background-color:#FFFFCC;
}
.dataTables_length label {
	width:auto;
	font-weight:normal;
}
table.dataTable tr th	{ padding:5px 18px; }
table.dataTable thead > tr > th.sorting:before { right:4px; font-size:2em; color: #CCC; opacity: 1; }
table.dataTable thead > tr > th.sorting:after { right:4px; font-size:2em; color: #CCC; opacity: 1; }
table.dataTable thead > tr > th.sorting_asc:before { color: #35434f; }
table.dataTable thead > tr > th.sorting_asc:after { opacity: 0; }
table.dataTable thead > tr > th.sorting_desc:before { opacity: 0; }
table.dataTable thead > tr > th.sorting_desc:after { color: #35434f; }

/* -------- Form Stilata ------- */
.styledForm {  }
.styledForm em.required { width:10px; height:9px; display:inline-block; vertical-align:top; font-size:0px; position:relative; content: none; }
.styledForm em.required:before { display: var(--fa-display,inline-block); position:absolute; left:1px; top: -1px; font: var(--fa-font-solid); font-size:12px; color: #CC0000; content: "\2a"; }
.styledForm legend { font-weight:bold; }
.styledForm fieldset { margin-top:20px; padding:20px 10px 10px 10px; border:1px solid #999999;  }
.styledForm label { font-weight:bold; display:inline-block; width:225px; text-align:right; margin-right:10px; }
.styledForm input {  }
.styledForm select { /*vertical-align:top;*/ }
.styledForm textarea { vertical-align:top; }

.styledForm ul	{ margin:0px; padding:0px; list-style:none; }
.styledForm li	{ margin:0px; padding:0px; padding-top:5px; padding-bottom:5px; padding-right:10px; }
.styledForm li.oddRow	{ background-color:#EEE; }
.styledForm li.evenRow	{ background-color:#DDD; }
.styledForm .comment	{ font-style:italic; font-size:12px; color:#FF6633; }
.styledForm li span.comment	{ margin-left:15px; }
.styledForm li span.comment img	{ vertical-align: top; }
.styledForm fieldset.checkbox label { text-align:left; width:auto; }
.styledForm fieldset.checkbox input { vertical-align:top; border:0px; }
.styledForm fieldset.commandButtons { border:0px; text-align:left; padding:0px; margin-top:10px; }
.styledForm fieldset.commandButtons ul { overflow:hidden; }
.styledForm fieldset.commandButtons li { float:left; }
.styledForm fieldset.commandButtons input { width:auto; padding:8px 24px 5px 23px; border:1px solid #ccc; }
.styledForm fieldset.multipleSelectCommand ul { overflow:hidden; }
.styledForm fieldset.multipleSelectCommand li { float:left; }
.styledForm fieldset.multipleSelectCommand li.button { margin-top:25px; }
.styledForm fieldset.multipleSelectCommand li.button li { float:none; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
.styledForm fieldset.multipleSelectCommand label { display:block; text-align:left; }
.styledForm fieldset.multipleSelectCommand select { width:600px; height:300px;  }
/*.styledForm .multiselect { width: 550px; height: 300px; }*/


/* -------- CALENDAR FIX ------- */
.DynarchCalendar-titleCont{ margin-left:auto; margin-right:auto; }


/* --------------------------------------------------------------- */
/* XHTML LAYOUT ELEMENTS										   */
/* --------------------------------------------------------------- */

/* ------ CONTAINER ------- */

div#container{
	position:relative;
	height:100%;
	height:auto;
	min-height:100%;
}

html>body #container {
    height: auto;
	min-height:100%;
	width:100%;
}

* html div#container { /* IE6 star-HTML exploit */
	height: 38px;
}

/* ------ HEADER ---------- */

div#header {
	display: block;
	height: 90px;
	border-bottom: 1px dashed #999;
	text-align: left;
	background-color: #FFF;
	padding: 7px 15px 18px 10px;
}
div#header img { }

#logo {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:170px;
	height:95px;
	text-indent:-9999px;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:left;
}
h1#logo a {
	display:block;
	width: 100%;
	height: 100%;
}


/* ------ WRAPPER --------- */

div#contentwrapper					{ width:100%; }	

/* ------ NAVIGATION ------- */

div#navigation				{ background:#F7AE5D; width:100%; border-bottom: 1px dashed #999; }
div#navigation ul 			{ margin:0px; padding:0px; padding:15px; overflow:hidden; } 
div#navigation li 			{ list-style-type:none; float:left; border-left:1px solid #FFFFFF; text-transform:uppercase; }
div#navigation li.first		{ border-left:0px; }
div#navigation li a			{ color:#000; font:110% Tahoma,Verdana,Arial,sans-serif; font-weight:bold; padding-left:30px; padding-right:15px; background-repeat:no-repeat; background-position:5px top;  }
div#navigation li a:hover	{ color:#DD6028; }
div#navigation h3			{ color:#FFF;font-size:120%; padding-left:20px; margin-top:30px; font-family:Tahoma,Verdana,Arial,sans-serif; font-weight:bold; color:#FFFF00;}
div#navigation a {
	position:relative;
}

div#navigation a:after {
	display: var(--fa-display,inline-block);
	position:absolute;
	left:6px;
	top: 0px;
	font: var(--fa-font-solid);
	font-size:16px;
	color: #35434f;
}


div#navigation .first a:after {
	color: #35434f;
	content: "\f015";
}
div#navigation .assegnatariPass a:after {
	content: "\f500";
}
div#navigation .tipologiePass a:after {
	content: "\f247";
}
div#navigation .tipologiePassPdf a:after {
	content: "\f1c1";
}
div#navigation .report a:after {
	content: "\f02f";
}
div#navigation .ricercaPass a:after {
	content: "\f002";
}
div#navigation .changePW a:after {
	content: "\f084";
}
div#navigation .securityPW a:after {
	content: "\f09c";
}
div#navigation .logout a:after {
	content: "\f2f5";
}


/* -------- CONTENT ------- */

div#content					{ padding:20px; border:0px solid #CCC; padding-bottom:60px; }
div#content	p				{  }
div#content	.MainTitle		{ font:140% Tahoma,Verdana,Arial,sans-serif;color:#006699;font-weight:bold;border-bottom:2px solid #006699;line-height:250%;margin-bottom:30px;}
div#content .FieldName		{ font:110% Tahoma,Verdana,Arial,sans-serif;width:100px;float:left;font-weight:bold; }
div#content a 				{ color:#006699; }
div#content a:hover 		{ color:#000; }

/* -------- OPERATIONS ------- */
.operations { margin-top:15px; margin-bottom:20px; font-size:13px; font-weight:bold; }
.operations li { line-height:30px; padding-left:25px; border-bottom:1px solid #eee; }


/* -------- FOOTER ------- */

div#footer					{ color:#FFFFFF; background-color:#666666; padding:3px; border-bottom: 2px solid #CCCCCC; border-top: 2px solid #CCCCCC; text-align:right;}
div#footer p				{ margin:0;padding:5px 10px; }
div#footer a				{ color:#FFF; }

/* --------------------------------------------------------------- */
/* XHTML CLASSES     											   */
/* --------------------------------------------------------------- */

.FloatSx 					{ float:left; }
.FloatDx 					{ float:right; }
.clearer					{ clear:both; }
.visibile {}
.invisibile{ display:none; }


/* ******************************************************************************************* */
/* PAGE'S SPECS											   			                           */
/* ******************************************************************************************* */

.addAssegnatario, .addPass, .importPassFromExcel  {
	position:relative;
}
.addAssegnatario:before, .addPass:before  {
	display: var(--fa-display,inline-block);
	position:absolute;
	left:0px;
	top: 6px;
	font: var(--fa-font-solid);
	font-size:20px;
	color: #78CD51;
	content: "\f055";
}
.importPassFromExcel:before  {
	display: var(--fa-display,inline-block);
	position:absolute;
	left:0px;
	top: 6px;
	font: var(--fa-font-solid);
	font-size:20px;
	color: #78CD51;
	content: "\e09a";
}



/* -------- Login ------- */
#frmLogin fieldset	{ width:400px; border:0px; }
#frmLogin li	 	{ padding-left:5px; background-color:transparent; }
#frmLogin label 	{ font-weight:bold; display:block; width:auto; text-align:left; }


/* -------- Lista Pass ------- */
#infoAssegnatario { float:left; margin-bottom:20px; }
#infoAssegnatario ul { margin-top:10px; }
.rimanenzePass li { margin-top:5px; font-size:22px; }
#infoAssegnatario p { margin-top:10px; font-size:22px; }
#tableTarghe { margin-top:10px; }
#modificaNumeroPass { float:right; clear:right; }
#consegnaAltriBiglietti { float:right; clear:right; }
#modificaNote { float:right; clear:right; }
#listaPass { clear:both; }

/* -------- Edit Pass ------- */
#passDuplicato { margin-bottom:20px; padding:10px; background-color:#F7AE5D; border:1px solid #000000; }
#passDuplicato h3 { color:#006699; }
#infoPassDuplicato { margin:10px; padding:10px; list-style-type:disc; }



/* -------- Benvenuto ------- */
#menuHomeAdmin { overflow:hidden; /*width:600px;*/ }
#menuHomeAdmin li { float:left; margin-bottom:40px; margin-right:20px; text-align:center; }
#menuHomeAdmin li a { display:block; width:110px; padding-top:80px; position:relative; }

ul#menuHomeAdmin a:after {
	display: var(--fa-display,inline-block);
	position:absolute;
	left:50%;
	top: 0px;
	transform: translate(-50%, 0);
	font: var(--fa-font-solid);
	font-size:50px;
	color: #35434f;
}


ul#menuHomeAdmin .first a:after {
	color: #35434f;
	content: "\f015";
}
ul#menuHomeAdmin .assegnatariPass a:after {
	content: "\f500";
}
ul#menuHomeAdmin .tipologiePass a:after {
	content: "\f247";
}
ul#menuHomeAdmin .tipologiePassPdf a:after {
	content: "\f1c1";
}
ul#menuHomeAdmin .report a:after {
	content: "\f02f";
}
ul#menuHomeAdmin .ricercaPass a:after {
	content: "\f002";
}
ul#menuHomeAdmin .changePW a:after {
	content: "\f084";
}
ul#menuHomeAdmin .securityPW a:after {
	content: "\f09c";
}
ul#menuHomeAdmin .logout a:after {
	content: "\f2f5";
}

/* -------- Importazione Pass da Excel ------- */
.infoPassFromXls  { margin: 3em 0px; }