:root {
	--special_color: #8F070A;
	--base_color: #FFFFFF;
	--shade_color: #E0E0E0;
}
html, body {font-size:11pt; font-family:sans-serif; width:100%; height:100%; margin:0; padding:0; line-height:1.5em; /*color-scheme: light dark; color: light-dark(black, white); background-color: light-dark(white, black);}
div {border:none; margin:0; padding:0; */}
table {border-collapse:collapse;}
td {vertical-align:top; border:none;}

.special_color { color: #8F070A; }

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;}
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:100%; 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 #8F070A; font-weight: normal; color: #8F070A;}
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;}
:invalid:not(form) {border-color: #8F070A !important;}

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

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

.header {position: relative; z-index:2; top:0; left:0; right:0; min-height:8.5em; background:url(/images/artwork/header0.jpg) no-repeat top left #640F08; padding:0; margin:0;}
.body {display:flex; /*height: calc(100% - 8.5em);*/ }
.footer {position:fixed; left:0; bottom:0; right:0; background-color:black; color:white; padding: 1em; font-size:0.9em; margin:0; text-align:center;}

.sidebar:empty {display:none;}
.sidebar .fa-fw {cursor:pointer; position:relative;}
.sidebar {padding:0 0.5em; font-size:0.8em; min-width:12em;}
.sidebar.left label {color:#FFFFFF;}
.sidebar.left {background-color:#8F070A; 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 #8F070A;}

.main {xdisplay:grid; padding: 0.5em 0.5em 0; grid-template-columns: auto; width:100%; margin:0;}
.slogan {position:absolute; left:0; top:0; right: 0; text-align:center; color:#FFFFFF; letter-spacing:7px; word-spacing:1px; font-size:0.7em; padding-top:1em;}
.logo {position:absolute; background:url(/images/artwork/logo.png) no-repeat; top:1.75em; left:1em; width:75px; height:82px;}
.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;}

#services i {font-size:5em;}
.menu.bun {display:none;}
@media (max-width: 1024px) {
	body {font-size:smaller;}
	.menu {display:none;}
	.menu.bun {display: inline;}
	/*.search, .languages {display:none;}*/
	.header {position:relative;}
	.main {grid-template-columns: auto; padding: 0.25em 0.25em 0;}
	.sidebar {display: none;}
	.slogan {letter-spacing:normal; word-spacing:normal; font-size:0.6em;}
	.footer {padding: 1em; font-size:0.6em; }
	#services i {font-size:3em;}
}

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

.menu {position:absolute; z-index:1; top:5.5em; left:2em; height:2.5em; right:0; }
.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:1; 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;}
.submenu td a:after { 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:#8F070A;}
.submenu td:hover .fa-fw {color:#8F070A;}
.submenu td:hover input.button {color:#8F070A;}

.eSiteCaption {line-height:1.5em; color:#8F070A; padding-bottom:0.25em;}
.eSiteTable table {width:100%; border-collapse:collapse;}
.eSiteTable th {white-space:nowrap;}
.eSiteTable td {padding:3px;}
.eSiteTable .eSiteTableOddRow {background-color:#E0E0E0;}
.eSiteTable .eSiteTableNewRow {background-color:#8F070A; color:#FFFFFF;}
.eSiteTable .eSiteTableNewRow option, .eSiteTable .eSiteTableNewRow input.text, .eSiteTableNewRow textarea {border:none;}
.eSiteTable .eSiteTableBreakRow {font-weight:bold; background-color:#525F74; color:#FFFFFF;}
.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;}

.eSiteCalendar.agenda td {max-height: 3em !important; overflow-y: hidden !important; cursor: pointer;}

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

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

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

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

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

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

.wide table {width:100%;}

#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:50%; left:50%; transform:translateX(-50%) translateY(-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 #8F070A; 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 #8F070A; background-color:white; cursor:pointer; font-size:smaller; line-height:1.25em; color:#8F070A; font-weight:normal;}

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

.fa-fw {cursor:pointer; position:relative; }
.fa-times.close {float:right; font-size:1.5em; color: #8F070A;}
.fa-info-circle {color: #8F070A;}
.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 {font-size:0.8em; padding:0 0.5em;}
.timestamp:before {content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight:400; padding-right: 0.5em;}

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

.taskbar {position:absolute; left: 0; right:0; top:0; color:#FFFFFF; padding:0.25em 1em; padding-top: 0.5em;}
.taskbar table {width:100%;}
.taskbar td {vertical-align:middle;}
.taskbar a, .taskbar .fa-fw {color:#FFFFFF;}
.taskbar .button {background-color:#FFFFFF; color:#8F070A; 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;}

#CC2953 {
    position: absolute;
    z-index: 1;
    padding: 0.25em 1em;
    color: white;
}

.viewTiles ul{
	display: grid;
	gap: 1em;
	/*grid-template-columns: repeat(auto-fit, minmax(30em, 1fr)); Da specificare nel content di utilizzo*/
	list-style: none;
}

.subtable {
	font-size:smaller;
    background-color: #DDE5E5;
    border: thin solid;
}

[data-count] { padding-right:1em; }
.fas[data-count] { position: relative; }
.fas[data-count]:after { position: absolute; top: -.5em; margin-left: -0.75em;
    content: attr(data-count);
    padding: .5em;
    border-radius: 10em;
    line-height: .9em;
    background: rgba(255, 0, 0, 0.25);
    text-align: center;
    min-width: 2em;
    font: bold 0.5em sans-serif;
}

.docStatus_bozza { color: orange; }
.docStatus_attivo { color: green; }
.docStatus_attivo_scaduto { color: red; }
.docStatus_concluso { color: blue; }
.docStatus_sospeso { color: gray; }
.docStatus_annullato { color:black; }