/* foglio di stile per la lista tabellare */
.list, .listnohover
	{
	width:100%;
	}

.list, .listnohover, .grid
	{
	border-spacing:0;
	border-collapse:collapse;
 	border: 1px solid #e5e5e5;
	background-color:#FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	}

.listb.withfilters
	{
	position:relative;
	--filt-height:67px;
	}
	
.listb.withfilters:before
	{
	width:100%;
	content:"";
	height:52px;
	display:block;
	margin-bottom:15px;
	}
	
.listfilters
	{
	height:52px;
	padding:11px;
	overflow:hidden;
	padding-left:15px;
	margin-bottom:15px;
 	border: 1px solid #e5e5e5;
	background-color:#FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	}
	
.listb.withfilters .listfilters
	{
	top:0;
	z-index:1;
	left:15px;
	right:15px;
	position:absolute;
	}
	
.listb.withfilters .listfilters:hover
	{
	height:auto;
	min-height:52px;
	box-shadow: 10px 10px 5px #888;
	}

.listfilters form
	{
	width:100%;
	display:flex;
	align-items: baseline;
	}

.listfilters form > *
	{
	/*display:table-cell;*/
	}

/*
.listfilters form
	{
	width:100%;
	display:flex;
	}

.listfilters form > *:first-child, .listfilters form > .fcmds
	{
	flex:0;
	}

.listfilters form > .fconds
	{
	flex:1;
	}
*/
.listfilters select, .listfilters input, .listfilters button
	{
	font-size:inherit;
	font-family:inherit;
	}

.listfilters select optgroup
	{
	font-weight:normal;
	font-style:italic;
	}

.listfilters select optgroup option
	{
	margin-left:20px;
	}

.listfilters form .bottone:before
	{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
	background-size:16px;
	background-position:6px 5px;
	background-repeat:no-repeat;
	}

.listfilters form .bottone
	{
    background-color: #e2e2e2;
    border: 1px outset #8e8e8e;
    border-radius: 5px;
    color: black;
    font-family: inherit;
    font-size: 15px;
    line-height: 19px;
    height: 29px;
    min-width:50px;
    position: relative;
	padding-left:30px;
	padding-right:10px;

	/* hide text and show only icon*/
	top:-5px;
	font-size:0;
    min-width:0;
    width: 0;
	cursor:pointer;
	padding-right:0;
	}

.listfilters select
	{
	max-width:200px;
	}

.listfilters select[name=searchidload]
	{
    min-width:110px;
	max-width:120px;
	}

.listfilters select option.searchopt
	{
	color:grey;
	}

.listfilters select option.anyvalopt
	{
	/*color:transparent;*/
	}

/*.listfilters select[name=searchidload]:after*/
.listfilters span.cond
	{
	padding-left:5px;
	padding-right:5px;
    margin-top: 3px;
    margin-bottom: 3px;
	position:relative;
    display: inline-block;
	}

.listfilters .fconds
	{
	position:relative;
	width:100%;
	display: flex;
    column-gap: 6px;
    row-gap: 15px;
    flex-wrap: wrap;
	}

.listfilters .fconds:before
	{
    top:-3px;
    width:0;
    left:-3px;
    content: "";
	height: 28px;
    position:absolute;
    display:block;
	/*border-left: 1px solid #e5e5e5;*/
	}

.listfilters .fconds span.cond:after
	{
    top:-3px;
    width: 0;
    right:-3px;
    content: "";
	height: 28px;
    position:absolute;
    display:inline-block;
	border-right: 1px solid #e5e5e5;
	}

.listfilters span.cond:last-of-type:after
	{
	border:0;
	}

.listfilters .fcmds
	{
	white-space:nowrap;
	}

.listfilters .fcmds #filterok:before
	{
    background-image: url(img/selectfind.svg) !important;
	}

.listfilters .fcmds #filterko:before
	{
    background-image: url(img/detach.svg) !important;
	}

.listfilters .fcmds #advfilters
	{
	padding-top:4px;
    white-space: nowrap;
	display: inline-block;
	}

.listfilters .fcmds #advfilters:focus
	{
	outline:none;
	}

.listfilters .fcmds #advfilters:hover
	{
	color:inherit;
	text-decoration:none;
	}

.listfilters .fcmds #advfilters:before
	{
	background-size:20px;
	background-position:4px 3px;
    background-image: url(img/menu.svg) !important;
	}

.list thead, .grid thead
	{
    border-bottom: 1px solid #e5e5e5;
	}

.list tfoot, .grid tfoot
	{
    border-top: 1px solid #e5e5e5;
	}

.list tr
	{
	}

.rowanchor
	{
	width:0;
    top: -70px;
    position: relative;
    visibility: hidden;
    display:inline-block;
	}

.rcmd a /*.rowanchor*/
	{
	height:26px;
	min-width:26px;
	border-radius:2px;
	display:inline-block;
	background-color:#F5F5F5;
	border:1px outset #8F8F8F;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.15);
	}

.rcmd a img
	{
	margin:3px;
	height:18px;
	/*width:18px;*/
	}

.poststattl
	{
	margin:0;
	height:20px;
    vertical-align: middle;
	}

span.noimg, span.hasimg
	{
	display:block;
	box-sizing:content-box;
	}

a.imglink
	{
	display:inline-block;
    vertical-align:top;
	}

a.imglink:before
	{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
	}

a.imglink img
	{
    vertical-align: middle;
	}

.colortag
	{
    padding:3px 3px;
	width:5.5em;
	}

.brokenfile
	{
	color:red;
	font-weight:bold;
	}

.rcmd a span
	{
	display:none;
	}

.list td, .list th
	{
	height:38px;
	text-align:left;
    white-space: nowrap;
    padding: 8px 10px;
	}
	
.list td:has(.colortag)
	{
    padding: 6px 10px;
	}

.list td span.acapo, .list th span.acapo
	{
    white-space: normal;
	}

.list td
	{
	overflow:hidden;
	position:relative;
	}

@media only screen {
	.list th span.ieditft,
	.list td span.ieditft
		{
		width:100%;
		padding:2px;
		min-width:2em;
		display:inline-block;
		border:1px dotted #c5c5c5;
		}

	.list th span.ieditft:focus-visible,
	.list td span.ieditft:focus-visible
		{
		border:1px solid transparent;
		outline:2px dotted black;
		}
	}

.list th
	{
	font-size:14px;
	overflow:visible;
	border:0 !important;
	}

.list .testaet th.compact, .list > tbody td.compact
	{
	width:1% !important;
	}

.list td.rcmd, .list td.othercmd
	{
	padding:4px 6px;
	width:50px !important;
	}

.list td.t_float, .list td.t_percent
	{
	text-align:right !important;
	}

.list .alterna
/*, .list .alterna td*/
	{
	background-color: #f9f9f9;
	}

.list .alterna td.rcmd, .list .alterna th.descr
	{
	/*background-color: #f1f1f1;*/
	}

.list .marked td, .list .marked
	{
	background-color: #f4eae5;
	}

.list .marked td.rcmd, .list .marked th.descr
	{
	background-color: #e8ddd8;
	}

.list .marked.alterna td, .list .marked.alterna
	{
	background-color: #e9e0df;
	}

.list .marked.alterna td.rcmd, .list .marked.alterna th.descr
	{
	background-color: #ddd3d2;
	}

.list tr.evid
	{
	outline:2px solid green !important;
	}

.list .totali td, .list .totali
	{
	color:#000;
	font-weight:bold;
	background-color: #aaaaaa38;
	}

.list a, .list a:hover
	{
	font-weight:normal;
	}

.noborder
	{
	border-width:0;
	}

.list tr:not(.testaet) td.descr, .list tr:not(.testaet) th.descr, .list tr:not(.testaet) td.descr a, .list tr:not(.testaet) th.descr a
	{
	color:#63002a;
	font-size:16px;
	font-weight:bold;
	}

/*selettori per lo hover su riga lista*/
.list > tbody tr:hover td, .list > tbody tr:hover th.descr
	{
	background-color:#dddddd !important;
	}

.list > tbody tr:hover td.rcmd
/*.list > tbody tr:hover td.rcmd, .list > tbody tr:hover th.descr*/
	{
	background-color:#c3c3c3 !important;
	}

/* classi per la griglia */
.grid, .gridnohover
	{
	width:100%;
	border-collapse:collapse;
	}

.grid th
	{
	height:22px;
	text-align:center !important;
	}

.grid > td, .grid th
	{
	text-align:left;
	overflow:hidden;
	white-space:nowrap;
	}

.grid .gridrowhead, .grid .gridrowhead .lbl
	{
	color:#000000 !important;
	}

.grid .gridrowhead
	{
	/*border-bottom:1px solid #000;*/
	}

.grid .gridrowhead table
	{
	border-left:1px solid #e5e5e5;
	}

.grid .gridcell
	{
	padding:0;
	}

.grid .gridcell table
	{
	width:100%;
	}

.gridcellcmd
	{
	width:30px;
	}

.grid td.rcmd, .grid th.descr
	{
	background-color: #e5e6ea;
	background-color: transparent;
	}

.grid td.lbl.fixed
	{
	width:150px;
	}

.grid .alterna
	{
	background-color: #fff;
	}

.grid .alterna td.rcmd, .grid .alterna th.descr
	{
	/*background-color: #f9f9f9;*/
	}

.grid td.evid
	{
	border:2px solid red !important;
	}

.grid a
	{
	font-weight:normal;
	}

.grid .noborder
	{
	border-width:0;
	}

/*selettori per lo hover su cella grid */
.grid > tbody > td:hover
	{
	background-color:#d3d6dd !important;
	}

/*.grid > tbody tr:hover td.rcmd, .list > tbody tr:hover th.descr
	{
	background-color:#c5c8cf;
	}
*/

/*lista b e dialogo*/
.listb
	{
	padding-top:0;
	padding-left:15px;
	padding-bottom:15px;
	padding-right:15px;

	margin-left:auto;
	margin-right:auto;
	--filt-height:0px;
	}
	
tbody .listb
	{
	padding:10px;
	}

.listb.compact, .dialogo.compact
	{
	/*padding-top:65px;
	padding-bottom:30px;*/
	}

/* testata lista con etichette campi */
.testaet
	{
	width: 100%;
	}

/*.testaet td, .testaet:hover td, .testaet th, .testaet:hover th,*/
td.gridrowhead
	{
	background-color: white !important;
	}

.testaet td.rcmd, .testaet:hover td.rcmd, .testaet th.rcmd, .testaet:hover th.rcmd
	{
	background-color: #1d222c !important;
	}

.testaet td, .testaet th
	{
	height:34px;
	font-size:14px;
	font-weight:bold;
	}

td.gridrowhead, th.gridrowhead
	{
	/*border-bottom:1px solid #000;*/
	}

td.gridcell
	{
	/*border:1px solid purple;*/
	}

td.gridcell table
	{
	width:100%;
	}

.testaet th
	{
	/*padding-left:10px;*/
	}

.testaet a
	{
	/*color: #ffffff;*/
	margin-left:4px;
	margin-right:4px;
	}

.testaet a.hasordericon
	{
	margin-right:22px;
	}

.testaet img + a
	{
	margin-left:3px;
	}

.testaet a:hover
	{
    color: #ff9b35;
	background-color:transparent;
	}

.testaet a:visited, .testaco a:visited
	{
	color: #000;
	font-weight:normal;
	}

a.updn, a.updndis, a.othercmd
	{
	background-color: #f5f5f5;
    border: 1px outset #8f8f8f;
    border-radius: 2px;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.15);
    display: inline-block;
    height: 26px;
    width: 26px;
	}

a.othercmd span
	{
    display:none;
	}

.othercmdi
	{
	width: 18px;
    height: 18px;
    vertical-align:middle;
	}

img.updn, img.updndis
	{
    height: 20px;
	margin-right:10px;
    vertical-align:sub;
	display:inline-block;
	}

img.updndis + img.updndis
	{
	margin-left:5px;
	}

.othercmdi
	{
    margin: 3px;
	}

.othercmdi:hover path
	{
	/*fill:red;*/
	}

.othercmdi, a.othercmd, .rcmd a
	{
	/*display:none;*/
	}

th .fmenu
	{
	width:11px;
	height:11px;
	padding-left:10px;
	padding-right:4px;
	position:relative;
	}

th .fmenu:before
	{
	top:3px;
	left:0px;
	content:"";
	width:11px;
	height:11px;
	position:absolute;
	background-size:100%;
	display:inline-block;
	background-image:url(img/cog2.svg);
	}

th .fmenu > img
	{
	top:-1px;
	display:none;
	position:relative;
	}


th .fmenu + a, th .fmenu > span a
	{
	margin-left:0;
	}

th .fmenu > span
	{
	left:2px;
	top:13px;
	z-index:10;
	padding:8px;
	display:block;
	min-width:70px;
	min-height:70px;
	visibility:hidden;
	position:absolute;
	border:1px solid #e5e5e5;
	background-color:#ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	}

th .fmenu.destro
	{
	/*background-color:red;*/
	}

th .fmenu.destro > span
	{
	left:auto !important;
	right:0 !important;
	}

th .fmenu > span a
	{
	color:black;
	display:block;
	text-align:left;
	line-height:1.5em;
	}

th .fmenu > span a:hover
	{
	color:#ff9b35;
	}

th .fmenu span.spacer
	{
	display:block;
	height:0.5em;
	margin-bottom:0.5em;
	border-bottom:2px solid gray;
	}

th a:visited
	{
	font-weight:normal;
	}

th .fmenu:hover > span
	{
	visibility:visible;
	}

.testaet .showsort
	{
	float:right;
	width:14px;
	height:14px;
	border-width:0px;
	margin-right:4px;
	margin-top:2px;
	}

.testaet .othercmd, .testaet .othercmdi
	{
	border-width:0px;
	}

/* barra di paginazione */
.list .codapgcell
	{
	border:0;
	padding:0;
	height:36px;
	}

.codarowcell
	{
	padding:0;
	width:21px;
	}

th.codarowcell
	{
	border:0;
	}

td.codarowcell
	{
	background-color: #fff !important;
	}

.codarow
	{
	height:100%;
	border-collapse:collapse;
	/*background-color: #1e222d;*/
	}

.codarow td
	{
	width:21px;
	color:#969696;
	text-align:center;
	/*background-color: #1e222d;*/
	}

.codapg
	{
	width:100%;
	border-collapse:collapse;
	}

.codapg.noscroll
	{
	width:auto;
	margin-right:0;
	margin-left:auto;
	}

.codapg td
	{
	color:black;
	height:21px;
	font-size:16px;
	padding-top:6px;
	padding-bottom:6px
	}

.codapg td.int
	{
	width:100px;
	}

.codapg td.intimg
	{
	width:22px;
	}

.codapg td.intimg img, .codarow td.midimg img
	{
	width:20px;
	height:19px;
	position:relative;
	}

.codapg td.intimg img
	{
	top:-2px;
	vertical-align:middle;
	}

.codapg td.ext
	{
	width:30px;
	}

.codapg td.extimg
	{
	width:22px;
	}

.codapg td.extimg img, .codarow td.topimg img
	{
	width:20px;
	height:19px;
	position:relative;
	}

.codapg td.extimg img
	{
	top:-2px;
	vertical-align:middle;
	}

.codapg td.filler
	{
	width:354px;
	}

.codapg .rlist
	{
	color:#d5d5d5;
	text-align:center;
	}

.codapg .rlist a
	{
	width:3em;
	}

.codapg .rlist a, .codarow .rlist a
	{
	color:#000;
	text-align:center;
	display:inline-block;
	}

.codapg .rlist a:hover, .codarow .rlist a:hover
	{
	text-decoration: underline;
	}

.codapg .rshow, .codarow .rshow
	{
	color:black;
	text-align:center;
	}

.codarow .rshow span
	{
	white-space: nowrap;
	writing-mode: vertical-lr !important;
	text-orientation: sideways !important;
	}

.codapg .rshow form
	{
	display:inline-block;
	}

.codapg .rshow input:not([type])
	{
	width:2em;
	text-align:center;
	font-size:inherit;
	font-family:inherit;
	padding:0 0.5ch;
	box-sizing:content-box;
	}

.codapg td.pgtog
	{
	/*width:22px;*/
	height:19px;
	overflow:visible;
    border-right: 1px solid #e5e5e5;
	}

.codapg td.pgtog img
	{
	width:20px;
	height:20px;
	top:-3px;
	position:relative;
	vertical-align:middle;
	}

.codapg a:visited
	{
	color:black;
	}

.codapg a.currpg
	{
	color:black;
	background-color: #f8932d;
	}

.codapg a.currpg:visited
	{
	color: black;
	}

.grid .codapg a.currpg, .grid .codarow a.currpg
	{
	color:#000000;
	background-color: #ffd800;
	}

.grid .codarow a
	{
	display:block;
	}

.grid .codapg a.currpg:visited, .grid .codarow a.currpg:visited
	{
	color:#000000;
	background-color: #ffd800;
	}

#listbuttons td
	{
	padding:5px;
	}

/*selectors for the auto hiding of columns*/
.list.allcols
	{
	opacity:0;
	}

.list:not(.allcols) th.userhide, .list:not(.allcols) td.userhide
	{
	display:none !important;
	}

.list:not(.allcols) th.autohide, .list:not(.allcols) td.autohide
	{
	display:none;
	}

.list:not(.allcols) th.usershow, .list:not(.allcols) td.usershow
	{
	display:table-cell !important;
	}

#cl_person_box label
	{
	margin-left:20px;
	position:relative;
	}

#cl_person_box label::before
	{
	top:0;
	left:-18px;
	content:"";
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	background-size:cover;
	background-image:url("img/flag/vison.svg");
	}

#cl_person_box label.usershowflag::before
	{
	background-image:url("img/flag/lockon.svg");
	}

#cl_person_box label.userhideflag::before
	{
	background-image:url("img/flag/visoff.svg");
	}
/*	
.list td:has(.jumplink)
	{
	padding-right:20px;
	}
	
.list td.t_extid
	{
	padding-right:20px;
	}
*/

.jumplink img
	{
	height:20px;
	}
	
.jumplink
	{
	top:9px;
	right:5px;
	display:none;
	position:absolute;
	}
