html, body {font-size:11pt; font-family:sans-serif; width:100%; height:100%; margin:0; padding:0; line-height:1.5em;}
div {border:none; margin:0; padding:0;}
table {border-collapse:collapse;}
td {vertical-align:top; border:none;}

.vmc {color: #D10C13 !important;}
.ktc {color: #0e76bc !important;}
.importi { text-align: right; }

@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;}
.subtable {background-color:rgba(208,10,15,0.25); border: thin solid gray; font-size: smaller;}

input:not(.button) {background-color:transparent; border:1px solid #BBBBBB; border-radius: 0.25em; height: 1.5em;}
select {background-color:#FFFFFF; border:1px solid #BBBBBB; border-radius: 0.25em; padding: 0.25em; max-width: 20em;}
option {padding: 0.25em;}
input.text {background-color:#FFFFFF; border:1px solid #BBBBBB; border-radius: 0.25em; height: 1.5em;}
input[type=number] {text-align: right; width:6em;}
textarea {width:99%; background-color:#FFFFFF; border:1px solid #BBBBBB; border-radius: 0.25em; font-family:sans-serif; }
label {color:#333333; font-weight:bold; min-width:10em; display:inline-block; padding:0.25em;}
form {margin:0;}
h1 {font-size:1.25em; margin:0; padding:0; border:0; font-weight: normal;}
h2 {font-size:1em; margin:0; padding:0; border-bottom:thin solid #D10C13; font-weight: normal; color: #D10C13;}
pre {font-size:0.9em;}
.button {background-color:#333333; color:#FFFFFF; border:none; padding:0.25em; cursor: pointer; }
.button.image {background-color:transparent; padding:0;}
.button:disabled, .button[disabled] {background-color:#cccccc; cursor: auto}
.checkbox, .image, img {border:none;}
.input-addon {position: relative; background-color: #BBBBBB; left: -0.25em; padding: 0.25em; border-radius: 0 0.25em 0.25em 0; border-bottom:1px solid #BBBBBB;}
input[required] {background-color: rgba(255, 0, 0, 0.1);}

.number {text-align:right; width: 6em;}
.hidden, .hidden1 {display:none;}

a {color:#D10A0F; text-decoration:none;}
a:hover {color:#333333;}

.header {position: fixed; z-index:2; top:0; left:0; right:0; min-height:13em; background:url(/images/artwork/header0.jpg) no-repeat top center #000000; overflow:hidden; padding:0; margin:0;}
.body {display: flex; flex-grow:1; margin-top:13em; xalign-items:stretch; xheight: 100%; /*overflow:hidden;*/}

.sidebar:empty {display:none;}
.sidebar .fa-fw {cursor:pointer; position:relative;}
.sidebar {padding:0 0.5em; height:100%; font-size:0.8em; min-width:20em;}
.sidebar.left label {color:#FFFFFF;}
.sidebar.left {background-color:#D10A0F; color:#FFFFFF;}
.sidebar.left .eSiteCaption {margin-bottom:5px; padding:0 5px 0 5px; text-align:left; color:#FFFFFF; font-weight:bold; border-bottom:1px solid #FFFFFF;}
.sidebar.left .text {border:1px solid #000000; background-color:#FFFFFF;}
.sidebar.right {border-left:1px solid #D10A0F;}
.sidebar i {color:white;}

.main {display:block;padding:0 0.5em; flex-grow:1;overflow:auto;}

.slogan {position:absolute; left:0; top:0; right: 0;*/ text-align:center; color:#FFFFFF; letter-spacing:7px; word-spacing:1px; font-size:0.7em; background-color: #D10A0F;}
.logo {position:absolute; background:url(/images/artwork/logo.png) no-repeat; top:4em; left:2em; width:75px; height:82px;}
.breadcrumb {position:absolute; left:0; right:0; top:11em; background:#FFFFFF; height:2em; line-height:2em;}
.breadcrumb .eSiteHeader {float:left; padding:0 5px; font-size:0.8em;}
.breadcrumb .eSiteBody {font-size:0.8em;}

.search {display:flex; position:absolute; z-index:2; top:5.5em; right:0; height:2.5em; width:13em; background-color:#8F070A; color:#FFFFFF; line-height:2.5em;}
.search input.text {border:none; background-color:transparent; color:#FFFFFF; width:9em;}
#search::placeholder {color:#FFFFFF;}

.feedback {position:absolute; top:3em; right:26em; width:10em; background-color: rgba(0,0,0,0.7); cursor:pointer; color: #D10A0F; line-height: 2em; padding:0 1.5em; text-transform:uppercase;}
.feedback:before {content: "\f0e5"; font-family: "Font Awesome Free 5"; font-weight:900; margin-right: 1em; color: #FFFFFF;}
.auth {position:absolute; top:3em; right:13em; width:10em; background-color: rgba(0,0,0,0.7); cursor:pointer; color: #D10A0F; line-height: 2em; padding:0 1.5em; text-transform:uppercase;}
.auth:before {content: "\f183"; font-family: "Font Awesome Free 5"; font-weight:900; margin-right: 1em; color: #FFFFFF;}
.languages {position:absolute; top:3.5em; right:0; width:10em; background-color:#515151; color: #FFFFFF; line-height: 2em; padding:0 1.5em; }
.languages table {width:100%;}
.languages td {text-transform:uppercase; text-align:center; color:#BBBBBB;}
.languages input {background-color: transparent; cursor:pointer; padding:0 1em; height: 1em;}

.auth:hover, .feedback:hover {color:#CCCCCC;}

.logon {position:fixed; z-index:20; top:5em; right:8em; background-color: rgba(0,0,0,0.7); width:16em; height:8.5em; display:none; padding:0 1em 1em;}
.logon a {padding-right:5px;}
.logon a:hover {padding-right:5px; color:#FFFFFF;}
.logon input.text {background-color:#242224; color:#AAAAAA; border:1px solid #FFFFFF; width:115px; margin:0.25em 0; padding:0 0.25em;}

.menu {position:fixed; z-index:2; top:5.5em; left:10em; height:2.5em; right:0; background-color:#D10A0F;}
.menu td {padding:0 0.5em; height:2.5em; line-height:2.5em; color:#FFFFFF; text-transform:uppercase; cursor:default;}
.menu td a {color:#FFFFFF; text-transform:uppercase;}
.menu td.eSiteSelected:hover, .menu td.eSiteDeselected:hover {background-color:#8F070A;}
.menu .eSiteMarginRight, .menu .eSiteMarginLeft, .menu .eSiteSeparator {display: none;}

img[src="images/esite/menu.gif"] {display: none;}
.eSiteMenu {border:none; background-color: rgba(0,0,0,0.7); display:none; z-index:10; position:absolute;}
.eSiteMenu table {min-width:200px;}
.eSiteMenu td {height:25px; width:100%; padding:0 10px;}

.submenu {margin-top:10px;}
.submenu table {width:100%;}
.submenu td {height:1.5em; text-align:right; vertical-align:middle; width:100%; padding-right:0.5em; white-space:nowrap;}
.xsubmenu td a:after {font-family: "Font Awesome Free 5"; font-weight:900; content: " \25a0"; }
.submenu td a {color:#FFFFFF;}
.submenu input.button {color:#FFFFFF; background-color:transparent; padding:0; margin:0; border:none; width:100%; cursor:pointer; text-align:right;}
.submenu td:hover {background-color:#FFFFFF;}
.submenu td:hover a {color:#D10A0F;}
.submenu td:hover .fa-fw {color:#D10A0F;}
.submenu td:hover input.button {color:#D10A0F;}

.eSiteCaption {line-height:1.5em; color:#D10A0F; padding-bottom:0.25em;}
.eSiteTable table {width:100%; border-collapse:collapse;}
.eSiteTable th {white-space:nowrap;}
.eSiteTable td {padding:3px;}
.eSiteTable .eSiteTableOddRow {background-color:#E7E7E7;}
.eSiteTable .eSiteTableNewRow {background-color:#D10A0F; color:#FFFFFF;}
.eSiteTable .eSiteTableNewRow option, .eSiteTable .eSiteTableNewRow input.text, .eSiteTableNewRow textarea {border:none;}
.eSiteTable .eSiteTableBreakRow {font-weight:bold; xbackground-color:#525F74; xcolor:#FFFFFF; border-bottom:medium solid #D10A0F;}
.eSiteTable .eSiteTableOddRow:hover, .eSiteTable .eSiteTableEvenRow:hover {background-color:#fcefa1;}

.eSiteTable th div.Subcaption {font-size:0.8em; width:60px; white-space:nowrap; float:left; border-top:1px solid black;}
.eSiteTable td div.Subcaption {float:left; width:60px; white-space:nowrap; text-align:center;}
.eSiteTable tbody {height: 100%; xoverflow: scroll;}

.stickyHeader th {position:sticky; top:190px; background-color:#ffffff; z-index:1;}

.eSiteTab {padding-top:5px;}
.eSiteTab td {padding:3px 10px 3px 10px;}
.eSiteTab td.eSiteMarginLeft {padding:3px; border-bottom:1px solid #BBBBBB;}
.eSiteTab td.eSiteMarginRight {padding:3px; border-bottom:1px solid #BBBBBB; width:100%;}
.eSiteTab td.eSiteSelected {border:1px solid #BBBBBB; border-bottom:none; cursor:pointer;}
.eSiteTab td.eSiteDeselected {border:1px solid #BBBBBB; cursor:pointer; padding-top:4px;}

.eSiteCalendar table {width:100%;}
.eSiteCalendar td {padding:3px;}
.eSiteCalendar caption {font-weight:bold; color:#333333; border-bottom:1px solid #BBBBBB; text-transform:capitalize;}
.eSiteCalendar .eSiteIn, .eSiteOut, .eSiteNow, .eSiteWeekend {height:40px; border:1px solid #BBBBBB;}
.eSiteCalendar .eSiteOut {background-color:#BBBBBB;}
.eSiteCalendar .eSiteNow {font-weight:bold; border:2px solid #333333; background-color:#fcefa1;}

.eSiteScroll td.eSiteMarginLeft {width:100%;}

.eSiteNoData {width:100%; color:#D10C13; font-size:0.8em; margin:5px;}

.Section {background-color:#333333; color:#FFFFFF; font-weight:bold; padding:3px;}

.eSiteVerbose { position:absolute; z-index: 1000; background-color: #eae672; font-size: xx-small; white-space: pre; border: thin solid black; padding: 1em; line-height: 1.25em; color: #333333; }

.popupsmall table {width:100%;}
.popup, .popupsmall {background:#FFFFFF; position:fixed; z-index:100; padding:5px; width:550px; margin-left:-275px; top:10em; left:50%; border:2px solid #333333; font-size:0.8em;}
.popup .eSiteCaption {background:url(/images/artwork/close.png) no-repeat right top;}
.popup table {width:100%; border-collapse:collapse;}
.popup input {border-bottom: 1px solid;}
.popup textarea, .popup select {border: 1px solid;}

.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;}

.legend {border:1px solid #333333; background-color:#FFFFFF; margin-top:10px; color:#333333; max-width:20em;}
.legend table {width:100%;}
.legend .eSiteCaption {color:#000000 !important; padding:0;}
.legend td {border:none; background-image:none; text-align:left; padding:0 3px;}
.legend select, .legend option, .legend input.text {font-size:0.8em;}
.legend .fa-fw {color:#000000;}
.legend .eSiteHeader {font-size:0.8em; padding:0;}

.basicform table {width:0;}
.basicform td {padding:3px;}

.highlight td {background-color:orange;}
.red {background-color:red;}
.orange {background-color:orange;}
.yellow {background-color:yellow;}
.green {background-color:green;}
.blue {background-color:blue;}
.gray {background-color:gray;}
.selected {font-weight:bold;}

.data{padding:0 0 0 5px;}

/* BPMS */
td.DataLabel {width:175px; font-weight:bold;/* white-space:nowrap;*/} /*Andrea 2022/01/11 Label lunghe che finivano sopra o sotto i valori*/
td.DataValue {vertical-align:top;}

.eSiteErr { position:absolute; bottom:0.25em; left:0; right:0; background-color: black; color: white; z-index:10; padding:0 0.5em;}
.eSiteErr::before { content: "Err: ";}
.eSiteErr::after { content: "x"; float: right;}

.wide table {width:100%;}

#eSitePopup { position: fixed; background-color: rgba(0,0,0,0.25); width:100%; height:100%;  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 #E0E0E0; 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 #D10A0F; 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[type="text"], #eSitePopup textarea, #eSitePopup select {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 #D10A0F; background-color:white; cursor:pointer; font-size:smaller; line-height:1.25em; color:#D10A0F; font-weight:normal;}

/*
#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:1px solid #E0E0E0; background-color:#FFFFFF; box-shadow:1px 1px 1px 1px ;min-width:40em; line-height:1.75em;}
#eSitePopup .fa-window-close, #eSitePopup .fa-times {position:absolute; right:1em; cursor:pointer; color:#D10A0F;}
#eSitePopup table {width:100%;}
#eSitePopup h1 {margin: 0.5em 0; border-bottom: thin solid #D10A0F; }
#eSitePopup input:not([type="submit"]), #eSitePopup textarea, #eSitePopup select {width: -webkit-fill-available;}
*/

@media print {
	.body {margin-top:0; font-size:10pt;}
	.noprint {display:none;}
	.button {display:none;}
	.eSiteTable .eSiteBody table {border-right:1px solid #eee; border-bottom:1px solid #eee;}
	.eSiteTable .eSiteBody td, .eSiteTable .eSiteBody th {border-left:1px solid #eee; border-top:1px solid #eee;}
	.main {display:block;padding:0 0.5em; flex-grow:inherit;overflow:inherit;}
	.eSiteDeselected {display:none;}
}

table.eSiteMultiSelection {width:100px; margin:0; padding:0; display: inline-block !important;}
td.eSiteSelectionText, td.eSiteSelection {white-space:nowrap; margin:0; padding:0; vertical-align:middle;}

#CD4721 table.eSiteMultiSelection {width:100%; margin:0; padding:0; }
#CD4721 td.eSiteSelectionText {margin:0; padding:0 0 0 0.5em; vertical-align:middle; white-space:break-spaces;}

table.editgrid {border-collapse:collapse; border:1px solid #333333;}
table.editgrid tr, table.editgrid td, table.editgrid th {border:1px solid #333333;}
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;}

tr.read { font-weight: bold; }

.reliability {background-color:#FFB27F; background-color:rgba(255,178,127,0.5);}
.effectivness {background-color:#A5FF7F; background-color:rgba(165,255,127,0.5);}
.economics {background-color:#7FC9FF; background-color:rgba(127,201,255,0.5);}

.cols14 ul, .cols14 ol, .cols14 li {padding:0; margin:0;}
.cols14 td, .cols14 th {width: 7.142857142857143%;}

.cke_editable a {color: #000000;}

#xpopup {display:none; position:fixed; z-index:1000; top:0; left:0; bottom:0; right:0; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.5)}
.popup-box {display:none; position:fixed; z-index:1000; top:80px; left: 50%; transform: translateX(-50%);}
.popup-box {background-color:#FFFFFF; padding:5px 5px 10px 5px; min-width:600px; border:2px solid #333333;}
.xpopup-box .eSiteCaption {background:url(/images/artwork/close.png) no-repeat right top;}
.popup-box table {width:100%; border-collapse:collapse;}
.popup-box input.text {border-bottom: 1px solid;}
.popup-box textarea, .popup-box select {border: 1px solid;}

.draggable { position: fixed; background-color: #FFFFFF; border: 2px solid #D10A0F; right:0.5em; width: 300px; height: 400px; padding:0.5em; overflow: auto; z-index:1000;}
.draggable .eSiteCaption {cursor: move;}

.realtime {border-bottom:1px solid #000000;}

.selection {border:1px solid #000000; position: fixed; background-color:#FFFFFF; display: none; width:42em;}

input.button[value=" Rilascia "], input.button[value=" Resumi "], input.button[value=" Elimina "] {float:right;}
input.button[value=" Release "], input.button[value=" Resume "], input.button[value=" Delete "] {float:right;}

.timbratura table {width:100%;}

.fa-fw {color: #000000; cursor:pointer; position:relative; }
.fa-times.close {float:right; font-size:1.5em; color: #F00;}
.fa-info-circle {color: #F00;}
.fa-cog { text-shadow: 0 0 1px #000; }
.discuss {min-width: 25em; padding:0.5em; background-color: rgba(0,0,0,0.25); border-radius: 0.25em; margin-bottom: 0.25em;}
.timestamp span {font-size:0.8em; padding:0 0.5em;}
.timestamp:before {content: "\f017"; font-family: "Font Awesome Free 5"; font-weight:900;}

.eSiteHeader {font-size:0.8em; padding:1em 0;}

.scroll thead, .scroll tbody { display: block; }
.scroll tbody { height:25em; width:100%; xoverflow: auto; }

.seleziona { background-color: #ffffff !important; height: 2em; width: 40em; }
.seleziona + .fa-search { position: relative; color: #000000;	vertical-align: top; padding: 0.4em; left: -2em; index-z: 1;}

.cancelleria tr:hover { background-color: #CCCCCC; }
.cancelleria .qta { width:100%; background-color: #FFFFFF; color: #000000; border-radius: 0.25em; border-style: 1px solid #CCCCCC;}

.scroll2 thead {position: sticky !important; top: 0 !important; background-color: #ffffff !important;}
.signature {display:none;}

.divisore td {border-right: 1px solid black; text-align: center; width: 4em}

[contenteditable] {min-height: 1.5em;}

.multicolumns {columns: 2;}
.multicolumns {margin:0; padding:0;}
.multicolumns li {break-inside: avoid-column; list-style-type: none;}
.multicolumns label {display:block; padding:0.5em 0 0 0; font-size:smaller;}
.multicolumns input {width:-webkit-fill-available;}

.taskbar {position:absolute; left: 0; right:0; top:0; color:#FFFFFF; padding:0.25em 1em; background-color: #D10A0F;}
.taskbar table {width:100%;}
.taskbar td {vertical-align:middle;}
.taskbar a, .taskbar .fa-fw {color:#FFFFFF;}
.taskbar .button {background-color:#FFFFFF; color:#D10A0F; border-radius:0; font-weight:bold;}
.taskbar .text {background-color:transparent; border:1px solid #FFFFFF; color:#FFFFFF; padding:0.3em; font-size:0.9em; height: 1.5em; width:8em;}
.taskbar .text::-webkit-input-placeholder  {color:#FFFFFF;}
.taskbar .text:-moz-placeholder {color:#FFFFFF;}
.taskbar .text::-moz-placeholder {color:#FFFFFF;}
.taskbar .text:-ms-input-placeholder {color:#FFFFFF;}

.ui-datepicker {z-index:100 !important;}

.off { opacity: 30%; }
.blink { animation: blinker 1s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }

.fDisabled1 { display: none !important; }

.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; }