
:root {
	--menu-forecolor:white;
	--menu-backcolor:inherit;
	--menu-hovercolor:rgba(0, 0, 0, 0.75);

	xcolor-scheme:light dark;
}
html, body {height:100%;}
body {font-family:sans-serif; xbackground-color:#FFFFFF; xcolor:ButtonText; margin:0; padding:0; font-size:10pt;}

@font-face {
font-family:'barcode'; src:url('idautomationhc39mfreeversion.eot');
 src:url('idautomationhc39mfreeversion.eot?#iefix') format('embedded-opentype'),
 url('idautomationhc39mfreeversion.woff2') format('woff2'),
 url('idautomationhc39mfreeversion.woff') format('woff'),
 url('idautomationhc39mfreeversion.ttf') format('truetype'),
 url('idautomationhc39mfreeversion.svg#webfontregular') format('svg');
 font-weight:normal;
 font-style:normal;
}
.barcode {font-family:'barcode'; font-size:2em;}
.timestamp {font-size:0.8em; font-style:italic;}

.messages .text {margin:0.5em 0 0 0;} 
.messages .timestamp {font-size:0.8em; font-style:italic; padding:0.5em 0;}

.languages {display:inline-block; padding-left:1.5em;}
.languages a {padding:0.25em 0.5em; border:none !important;}
.languages a.selected {background-color:#FFFFFF; color:ButtonText;}

input {background-color:transparent; font-size:1em; border:0px; margin:0.2em 0;}
select {background-color:transparent; font-size:1em; border:thin solid ButtonText; margin:0.2em 0;}
input.text {border-bottom:thin solid ButtonText;}
input[type=numeric], input[data-mode=date] {width:12ch; text-align:right;}
input[name^="*a128-"] {float:right;}
textarea {width:calc(100% - 1em); background-color:transparent; font-family:'Raleway', sans-serif; font-size:1em; border:thin solid ButtonText;}
label {color:#333333; font-weight:bold;}
form {margin:0px;}
h1 {color:#1E468D; padding:0px; margin:0px; font-size:1.2em;}
h2 {color:#1E468D; padding:0px; margin:5px 0px; font-size:1.3em;}
.button {background-color:#1E468D; color:#FFFFFF; border:0; padding:0.25em; border-radius:0.25em; cursor:pointer;}
.button:disabled, button[disabled]{background-color:GrayText; cursor:auto;}
.button.image {background-color:transparent; padding:0px;}
.checkbox, .image, img {border:none;}

/*aside select { width:100%; } Andrea 2023/12/07 mi dà problemi in Master list sostanze chimiche*/

.number {text-align:right;}

a, .selectionList li {color:#1E468D; text-decoration:none; }

div {border:none; margin:0px; padding:0px;}
td {vertical-align:top; border:none;}

.header {position:fixed; z-index:1; background-image:url("../images/artwork/bg_top_01.png"), url("../images/artwork/bg_top_02.png"); background-color:#081f3e; background-position:top left, bottom right; background-repeat:no-repeat, no-repeat; background-size:600px, 100%; width:100%; height:14em;}
.body {padding:14em 0.2em 0px; }

.logo {position:absolute; background:url(/images/artwork/logo.png) no-repeat; top:3.5em; left:10em; width:160px; height:82px;}

.taskbar {position:absolute; left:0; right:0; top:0; background-color:transparent; color:#FFF; padding:0.25em 1em;}
.taskbar table {width:100%;}
.taskbar td {vertical-align:middle;}
.taskbar a {color:#FFF;}
.taskbar .button {background-color:#FFF; color:#1E468D; border-radius:0; font-weight:bold;}
.taskbar .text {background-color:transparent; border:thin solid #1E468D; color:#FFF; padding:0.3em; font-size:0.9em; height:1.5em; width:8em;}
.taskbar .text::-webkit-input-placeholder  {color:#1E468D;}
.taskbar .text:-moz-placeholder {color:#1E468D;}
.taskbar .text::-moz-placeholder {color:#1E468D;}
.taskbar .text:-ms-input-placeholder {color:#1E468D;}

.search {position:absolute; z-index:1; right:0; bottom:8px; width:200px; background-color:transparent; line-height:2em; padding:0 0.25em;}
.search input.text {border:thin solid #FFF; background-color:transparent; color:#FFFFFF; padding:0.25em; font-size:1em; margin:0;}
.search td {vertical-align:middle;}

.menu {position:absolute; left:0; bottom:8px; right:0; background-color:transparent; color:#FFF;}
.menu td {padding:0px 10px; vertical-align:middle; line-height:2.5em; white-space:nowrap;}
.menu .eSiteMarginLeft, .menu .eSiteMarginRight {padding:0;}
.menu td:hover {background-color:#DDE5E5;}
.menu a {color:#FFF; text-transform:uppercase; text-decoration:none; font-size:1em;}

.eSiteMenu {border:thin solid #1E468D; background:#FFFFFF; display:none; z-index:20; position:absolute; font-size:0.8em;}
.eSiteMenu table {min-width:200px;}
.eSiteMenu td {height:1.25em; width:100%; padding:0px 10px;}
.eSiteMenu td a {color:#1E468D;}
.eSiteMenu td.eSiteSelected:hover a, .menu td.eSiteDeselected:hover a {color:#1E468D;}

.submenu {margin-top:10px; width:18em;}
.submenu table {width:100%;}
.submenu td {height:25px; xborder-bottom:thin solid #FFFFFF; text-align:right; vertical-align:middle; width:100%; padding-right:1em; white-space:nowrap;}
.submenu td a:after { content:" \25a0"; }
.submenu td a {color:#1E468D;}
.submenu input.button {color:#1E468D; xbackground-color:transparent; padding:0px; margin:0px; border:none; width:100%; cursor:pointer; text-align:right;}
.submenu td:hover {background-color:#1E468D;}
.submenu td:hover a, .submenu td:hover i {color:#FFFFFF;}
.submenu td:hover input.button {color:#FFFFFF;}

/* New pagelinks */
.menu nav { display:inline-block; background-color:var(--menu-backcolor); color:var(--menu-forecolor); }
.menu nav a { display:inline-block; width:calc(100% - 1em); text-decoration:none; color:inherit; }
.menu nav ul { display:flex; position:relative; z-index:1; margin:0; padding:0; }
.menu nav a>span { display:inline-block; padding:0 0 0 2em; }
.menu nav ul>li>ul { display:none; border:thin solid; position:absolute; left:0; }
.menu nav ul>li>ul>li>ul { left:100%; top:0; }
.menu nav ul>li:hover>ul { display:block; }
.menu nav li { list-style:none; position:relative; }
.menu nav li>ul>li { min-width:12em; }
.menu nav li>div { padding:0.75em 1em; white-space:nowrap; }
.menu nav li>ul>li>div:not(:last-child):after { font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f0da"; float:right; }
.menu nav li>div:hover { background-color:var(--menu-hovercolor); opacity:1; }
.menu nav ul ul { background-color:var(--menu-hovercolor); color:var(--menu-forecolor); opacity:1; }

.submenu nav {margin-top:10px; display:inline-block; width:18em;}
.submenu nav ul {list-style:none; padding:0;}
.submenu nav li div {line-height:2em; border-bottom:thin solid #FFFFFF; text-align:right; padding-right:0.5em; white-space:nowrap;}
.submenu nav li div a:after { content:"\25a0"; padding-left:0.5em;}
.submenu nav li div a {color:#1E468D;}
.submenu nav li div input.button {color:#1E468D; background-color:transparent; padding:0px; margin:0px; border:none; width:100%; cursor:pointer; text-align:right;}
.submenu nav li div:hover {background-color:#1E468D;}
.submenu nav li div:hover a, .submenu nav div:hover i {color:#FFFFFF;}
.submenu nav li div:hover input.button {color:#FFFFFF;}

.eSiteCaption {margin-bottom:5px; padding:5px 5px 0px 5px; font-size:1.25em; text-align:left; line-height:23px; color:#1E468D; }

.eSiteForm td { text-align:left; }

.eSiteListNoBullets ul {list-style:none; padding-left:1em;}

.eSiteTable table {width:100%; border-collapse:collapse;}
.eSiteTable th {white-space:no-wrap; padding:0.5em;}
.eSiteTableOddRow {background-color:lightgray; color: #000; }
.eSiteTableNewRow {background-color:#1E468D;}
.eSiteTableNewRow option, .eSiteTableNewRow input.text, .eSiteTableNewRow textarea, .eSiteTableNewRow select {background-color:#FFFFFF; border:none;}
.eSiteTableNewRow td, .eSiteTableBreakRow td {border:none !important;}
.eSiteTableBreakRow {font-weight:bold; border-bottom:thin solid #525F74; line-height:2em; }

.eSiteTable th div.Subcaption {font-size:0.8em; width:60px; white-space:nowrap; float:left; border-top:thin solid black;}
.eSiteTable td div.Subcaption {float:left; width:60px; white-space:nowrap; text-align:center;}
.eSiteTable td {vertical-align:middle; position:relative; padding:0.25em;}
.eSiteTable .eSiteTableOddRow:hover, .eSiteTable .eSiteTableEvenRow:hover {background-color:rgba(255,239,161,127);}

.subtable {background-color:#DDE5E5; border:thin solid;}

td.eSiteSelection {border:none;}
td.eSiteSelectionText {border:none; padding:0 1em 0 0.25em;}

.eSiteTab {padding-top:5px;}
.eSiteTab td {padding:3px 10px 3px 10px;}
.eSiteTab td.eSiteMarginLeft {padding:3px; border-bottom:thin solid #EAEAEA;}
.eSiteTab td.eSiteMarginRight {padding:3px; border-bottom:thin solid #EAEAEA; width:100%;}
.eSiteTab td.eSiteDeselected {border:thin solid #EAEAEA; background-color:#1E468D; cursor:pointer; cursor:hand; color:#FFFFFF;}
.eSiteTab td.eSiteSelected {font-weight:bold; border:thin solid #EAEAEA; border-bottom:none; border-top:thin solid ButtonText; cursor:pointer; cursor:hand; padding-top:4px;}

.eSiteErr {background-color:#D10C13; padding:0.5em; position:fixed; color:#FFFFFF; bottom:0; left:0; right:0;}
.eSiteErr::before { content:"Msg:"; }

.eSiteCalendar table {width:100%;}
.eSiteCalendar caption {font-weight:bold; color:ButtonText; border-bottom:thin solid ButtonText; text-transform:capitalize;}
.eSiteCalendar .eSiteIn, .eSiteOut, .eSiteNow {height:40px; border:thin solid lightgray;}
.eSiteCalendar .eSiteOut {background-color:lightgray;}
.eSiteCalendar .eSiteWeekend {background-color:#bbbbbb;}
.eSiteCalendar .eSiteNow {font-weight:bold; border:2px solid ButtonText;}

.eSiteScroll td.eSiteMarginLeft {width:100%;}
.eSiteScroll td {border-right:0; vertical-align:middle;}

.eSiteNoData {width:100%; color:#D10C13; margin:5px;}

.xeSiteFooter, .xeSiteHeader {font-size:0.75em;}
.footer header.eSiteHeader {float:left; margin-left:5px; font-style:normal;}
.footer .eSiteBody {font-style:normal; width:100%;}
.footer .eSiteTable {width:100%;}
.footer td {border:none;}

#collapseNavigation, #expandNavigation {cursor:pointer;font-size:16pt;}
.collapsedNavigation {width:1em; height:500px; padding:5px 0 5px 5px; color:#000000; background-color:#EAEAEA;font-size:16pt;}
.navigation {font-size:0.8em;}
.navigation {width:258px; height:500px; padding:5px; color:#000000; background-color:#EAEAEA;}
.navigation .eSiteCaption {margin-bottom:5px; padding:0px 5px 0px 5px; font-size:1.2empt; text-align:left; line-height:23px; color:#000000; font-weight:bold; border-bottom:thin solid #FFFFFF;}
.navigation .text {border:thin solid #000000; background-color:#FFFFFF;}
.navigation label {color:#000000;}

.Section {background-color:#FFFFFF; color:#000000; font-weight:bold; padding:3px;}

.popup, .popupsmall {background:#FFFFFF;position:fixed;padding:5px;min-width:400px;top:80px;left:50%;transform:translateX(-50%);border:2px solid ButtonText;z-index:10000;}
.popup .eSiteCaption, .popupsmall .eSiteCaption
.popup table {width:100%; border-collapse:collapse;}
.popupsmall table {width:100%;}
.hidden {display:none;}
.popup input { border-bottom:thin solid; }
.popup textarea, .popup select { border:thin solid; }

#eSitePopup { position:fixed; background-color:rgba(0,0,0,0.25); top:0; left:0; bottom:0; right:0; z-index:10; }
#eSitePopup>article>div {position:fixed; z-index:10; top:3em; left:50%; transform:translateX(-50%); padding:0 1em 1em; border:thin solid ; background-color:#FFFFFF; box-shadow:1px 1px 1px 1px ;min-width:40em; line-height:1.75em;}
#eSitePopup table {width:100%;}
#eSitePopup h1 {margin:0.5em 0; border-bottom:thin solid ; padding-right:1.5em;}
#eSitePopup h1:after {content:"\f410"; position:absolute; right:1ex; font-weight:900; font-family:"Font Awesome 5 Free"; cursor:pointer; font-size:larger;}
#eSitePopup input, #eSitePopup textarea {width:-webkit-fill-available; width:-moz-available;}
#eSitePopup input[type="submit"], #eSitePopup input[type="checkbox"], #eSitePopup input[type="radio"] {width:inherit;}

#eSitePopupList {position:absolute; z-index:1; max-height:15em; overflow-y:scroll; border:thin solid ; background-color:white; cursor:pointer; font-size:smaller; line-height:1.25em; color:; font-weight:normal;}

.EnterMode input[name='*a32-1'] {background-color:green; width:100%; padding:5px;}
.ExitMode input[name='*a32-1'] {background-color:red; width:100%; padding:5px;}
.SExitMode input[name='*a32-1'] {background-color:orange; width:100%; padding:5px;}
.EnterMode input[name='*a1024-1'] {background-color:red; width:100%; padding:5px;}
.ExitMode input[name='*a1024-1'] {background-color:green; width:100%; padding:5px;}
.SExitMode input[name='*a1024-1'] {background-color:orange; width:100%; padding:5px;}

.centered table td {text-align:center;}
.center table td {text-align:center;}

.missing {display:block;background-color:#FF0000;}

.legend {min-width:18em; /*max-width:20em;*/}
.legend table {width:100%;}
.legend {xborder:thin solid ButtonText; xbackground-color:#FFF; margin-top:10px; xcolor:#333333;}
.legend .eSiteCaption {font-size:1em; color:#1E468D;border-bottom:thin solid #EAEAEA;}
.legend td {border:none; background:url(); text-align:left; padding:0px 3px; white-space:nowrap;}
.legend .button {padding:0.2em; border-radius:0.25em;}

.highlight td {background-color:orange;}
.orange td {background-color:orange;}
.yellow td {background-color:yellow;}

.data{padding:0px 0px 0px 5px;}

/* BPMS */
td.DataLabel {width:150px; font-weight:bold; white-space:nowrap;}

.errorReport {background:#FFFFFF;position:fixed;padding:5px;width:600px;top:80px;left:50%;margin-left:-200px;border:2px solid #ff000;z-index:10001;}

.wide table {width:100%;}

.xtwo-cols table {width:100% !important;}
.two-cols td {vertical-align:top; width:50%; }
.two-cols label {display:inline-block; width:12em;}
.two-cols input[type="text"] {width:50%;}

@media print {
	.body {padding:0px; background:url(); font-family:sans-serif; font-size:10pt; }
	.eSiteScroll, .noprint, .button {display:none;}
	.eSiteTable .eSiteBody table {border-collpase:collapse;}
	.eSiteTable .eSiteBody td {border:thin solid black;}
	.eSiteTable .eSiteBody th, td.eSiteSelection, td.eSiteSelectionText {border:none !important;}
	td, th { border:none !important; }
	td.sidebar { display:none; }
}

.eSiteMultiSelection { display:inline-block !important; margin:0px; padding:0px; border-collapse:collapse;}
.eSiteSelection { width:1em; vertical-align:middle; }
.eSiteSelectionText {white-space:nowrap; margin:0px; padding:0px; vertical-align:middle; }

table.editgrid {border-collapse:collapse; border:1px solid <ButtonText;}
/*table.editgrid {border-collapse:separate;border:thin solid ButtonText;}*/
table.editgrid tr, table.editgrid td, table.editgrid th {border:1px solid ButtonText;}
/*table.editgrid tr, table.editgrid td {border:thin solid ButtonText;}*/
table.editgrid td {height:1em; white-space:pre-line;}
table.editgrid div.cell {cursor:text; height:100%;}
table.editgrid .addrow, table.editgrid .delrow {cursor:pointer;}

/* .eSiteFooter {font-size:1.2em;} */

.selectionList {position:absolute;border:thin solid #000; padding:3px; background-color:#FFF; z-index:1; left:0; right:0;}
.selectionList ul {list-style:none; padding:0; margin:0;}
.selectionList li {cursor:pointer; }

.selection {border:thin solid #000000; position:fixed; background-color:#FFFFFF; display:none; width:42em;}

.fa-plus-circle { cursor:pointer; color:#1E468D !important;}
.fa-check-square, .fa-check-square-o, .fa-square-o { cursor:pointer; }
.popup .fa-times, .popupsmall .fa-times {float:right;}

/*BPMS*/
.fa.link {color:#1E468D;}
/*.fa-list, .iconaSelezione {display:none;}*/
input + i.fa-list, textarea + i.fa-list, input + .iconaSelezione {display:inline;}
.required > label {color:#F00;}

.columnSeparator .eSiteBody td { border-right:thin solid #000; padding:3px; }
.effectivness { border:thin solid red; }

.disposizioneAnnua td { width:7.1%; }

.T1 {color:#5DA5DA}
.T2 {color:#4D4D4D}
.T3 {color:#FAA43A}
.T4 {color:#60BD68}
.T5 {color:#F17CB0}
.T6 {color:#B2912F}
.T7 {color:#B276B2}
.T8 {color:#DECF3F}
.T9 {color:#F15854}

.attributes { display:flex; flex-wrap:wrap; flex-direction:row; }
.attributes div { display:inline-block; /*float:left; white-space:nowrap;*/ max-width:25%; min-width:30em; border-bottom:thin solid black; line-height:2em; }
.attributes label { display:inline-block; width:15em; }
.attributes .descriptive {text-transform:uppercase;}
.attributes input { background-color:yellow; border:none; } 
.attributes h3 { flex-basis:100%; clear:both; line-height:2em; padding:0 0.5em; margin:0; font-size:0.8em; background-color:#1E468D; color:#ffffff; font-weight:400; }

.ellipses {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

@media only screen and (max-width :1024px) {
	.header { background:url(); background-color:#081f3e; height:6.5em; }
	.logo { display:none; }
	.header .menu td { max-width:2em; overflow:hidden; text-overflow:ellipsis; }
	.header .search { width:11.5em; /*display:none;*/ }
	.body { padding-top:7em; }
}

/* From eSite.dll ver. 1.00.2698 */
.eSitePageLinks nav.eSiteHorizontal { background-color:; color:; }
.eSitePageLinks nav.eSiteVertical { margin:1em 0; }
.eSitePageLinks nav a { display:inline-block; width:calc(100% - 1em); text-decoration:none; color:inherit; }
.eSitePageLinks nav ol { display:flex; position:relative; z-index:1; margin:0; padding:0; list-style-type:none; }
.eSitePageLinks nav.eSiteVertical>ol { flex-direction:column; }
.eSitePageLinks nav a>span { display:inline-block; padding:0 0 0 2em; }
.eSitePageLinks nav ol>li>ol { display:none; border:none; position:absolute; left:0; }
.eSitePageLinks nav ol>li>ol>li>ol { left:100%; top:0; }
.eSitePageLinks nav.eSiteVertical ol>li>ol { left:100%; top:0;}
.eSitePageLinks nav ol>li:hover>ol { display:block; }
.xeSitePageLinks nav li { position:relative; }
.eSitePageLinks nav li>ol>li { min-width:12em; }
.eSitePageLinks nav.eSiteHorizontal li>div { padding:0.35em 1em; white-space:nowrap; }
.eSitePageLinks nav.eSiteVertical li>div { padding:0.25em; white-space:nowrap; }
.eSitePageLinks nav li>ol>li>div:not(:last-child):after, .eSitePageLinks nav.eSiteVertical>ol>li>div:not(:last-child):after { font-family:"Font Awesome 5 Pro"; content:"\f0da"; float:right; }
.eSitePageLinks nav li>div:hover { background-color:; opacity:1; }
.eSitePageLinks nav.eSiteHorizontal ol>li:hover, .eSitePageLinks nav.eSiteVertical ol>li>div:hover { background-color:; opacity:1; color:; }
.eSitePageLinks nav ol ol { background-color:; color:; opacity:1; }

.docStatus_bozza { color:orange !important; }
.docStatus_attivo { color:green !important; }
.docStatus_attivo_scaduto { color:red !important; }
.docStatus_concluso { color:blue !important; }
.docStatus_sospeso { color:gray !important; }
.docStatus_annullato { color:black !important; }

