/* ASP Replace: /<[%]=(\w+)[%]>/g With: var(--$1)*/
:root {
  --special_color: #00549F;
  --light_color: rgba(0, 84, 159, 0.25);
  --text_color: #3F3F3E;
  --base_color: #FFFFFF;
  --shade_color: rgba(0, 0, 0, 0.1);
  --error_color: rgb(204, 51, 0);
  --font_family: helvetica, arial, 'PT Sans', sans-serif;
  --font_size: 12pt;
}

html {color-scheme: light;}
body {margin:0; padding:0; width:100%; height:100%;}

body {font-family: helvetica, arial, 'PT Sans', sans-serif; font-size:12pt; color:#3F3F3E;}
table {border-collapse:collapse; border:none;}
img {border:none;}
h1 {font-size:1.35em; font-weight:normal; margin:0.5em 0 0.5em; color: #00549F; text-transform: uppercase;}
h2 {font-size:1.2em; font-weight:normal; margin:0.5em 0 0.25em; color: #00549F;}
h3 {font-size:1em; font-weight:normal; margin:0.5em 0 0.125em; color: #00549F;}
a, div[role="link"] {color:#00549F; text-decoration:underline; cursor:pointer;}
.fa-pencil-alt {color:#00549F; cursor:pointer;}
.fa-plus {cursor:pointer;}
form {margin:0;}
label {font-weight:bold; padding:0 2em 0 0;}
input, select, option, textarea {font-family:helvetica, arial, 'PT Sans', sans-serif; padding: 0.4em; border-radius: 0.3em; /*margin:0.125em 0;*/}
input, select, textarea {border:thin solid #E0E0E0;}
select {padding:0.225em; max-width: 15em;}
input.button, input.file, input.image, input.checkbox, input.radio {font-family:helvetica, arial, 'PT Sans', sans-serif; border:none;}
input.button {border:thin solid #3F3F3E; min-width:8em; padding: 0.5em 0; margin: 0.5em 0;}
input.image {border:none; min-width:inherit; padding:inherit; margin:inherit;}
input[name^="*a128-"] {float:right; background-color:#3F3F3E; color:#FFFFFF;}
input[type=date] {width:10em !important; padding:0.em !important;}
input[type=datetime-local] {width:12em !important; padding:0.2em !important;}
input[type=time] {width:5em !important;}
input[readonly] {background-color:transparent; border:none;}
input.selected {background-color: #00549F; color: #FFFFFF;}
button {background-color:transparent;border:none;color:inherit;cursor:pointer;}

.hidden { display: none; }
.show { display: block; }
.wide table {width:100%;}
.wide textarea {width:99%;}
.number {text-align:right;}

.heading {position: fixed; top: 0; left:0; right:0; background-color: rgba(255, 255, 255, 0.9); z-index:10; }
.body {display:flex; align-items:stretch; padding-top:5.5em; position:absolute; top:0; bottom:0; left:0; right:0;}

.header {color: #FFFFFF;}
.header table {width:100%;}
.header table td {padding:0.75em;}
.header input {border:none;}
.header a {color:#FFFFFF; text-decoration: underline;}

.band {background-color:#00549F; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
.lowerband td {padding:0.41em !important;}

.center {margin:0 5em;}
.breadcrumb {font-size:smaller; text-transform:lowercase; color:#FFFFFF !important;}
.breadcrumb a {color:#FFFFFF !important; text-transform:lowercase;}
.breadcrumb a:hover {border-bottom:1px solid #00549F;}

.logon {position:absolute; z-index:20; top:14px; right:22px; width:200px; font-size:smaller; text-transform:lowercase; color:#FFFFFF !important;}
.logon table {width:100%;}
.logon td {vertical-align:top; text-align:right;}
.logon a {color:#FFFFFF !important; text-transform:lowercase;}
.logon a:hover {border-bottom:1px solid #00549F;}

.legend {width:12em; padding:5px;}
.legend ul {list-style-type:none; margin:0; padding:0;}
.legend li {margin:0; padding:0;}

.sidebar article {padding:0 !important;}
.sidebar:empty {display:none};
.sidebar {font-size:11pt;}
.sidebar h1 {font-size:11pt;}
.sidebar table {border-collapse:collapse; color:#3F3F3E; width:100%;}
.sidebar {position:relative;left:0;top:0;bottom: 0;max-width:17em;background-color:#eee;padding: 0.5em;}
.sidebar.left article, .sidebar.right article {min-width: 14em; padding:0.5em;}

.main {padding:0.5em; flex:1; overflow:auto;}

table > tbody > tr > th {text-align:left !important;}

/* From eSite.dll ver. 1.00.2698 */
.eSitePageLinks nav.eSiteHorizontal { background-color: #00549F; color: #FFFFFF; }
.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: #3F3F3E; opacity: 1; }
.eSitePageLinks nav.eSiteHorizontal ol>li:hover, .eSitePageLinks nav.eSiteVertical ol>li>div:hover { background-color: #3F3F3E; opacity: 1; color: #FFFFFF; }
.eSitePageLinks nav ol ol { background-color: #3F3F3E; color: #FFFFFF; opacity: 1; }

#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 #E0E0E0; background-color:#FFFFFF; box-shadow:1px 1px 1px 1px #3F3F3E;min-width:40em; line-height:1.75em;}
#eSitePopup table {width:100%;}
#eSitePopup h1 {margin-bottom: 0.5em; border-bottom: thin solid #00549F;}
#eSitePopup h1:after {content:"\f00d"; position:absolute; right:1ex; font-family: "Font Awesome 5 Pro"; 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: 10; max-height:15em; overflow-y:scroll; border:thin solid #00549F; background-color:white; cursor:pointer; font-size:smaller; line-height:1.25em; color:#00549F; font-weight:normal;}

.eSiteErr, .eSiteNoData, .eSiteHeader, .eSiteFooter {font-size:smaller; padding:1em 0;}
.eSiteErr, .eSiteNoData {color:#EE0000;}

.eSiteTree ul {position: relative; list-style: none; padding-left: 1em;}
.eSiteTree li::before {content: "\f105"; font-family: "Font Awesome 5 Pro"; display: inline-block; margin-left: -1em; width: 1em; cursor:pointer;}
.eSiteTree li.expanded::before {content: "\f107";}
.eSiteTree label {display: inline-block; padding-right: 2em; font-weight: bolder;}

.eSiteTab {padding:0.5em 0.25em;}
.eSiteTab table, .eSiteTab tbody {width:100%;}
.eSiteTab td {padding:0.5em 1em; font-size:smaller;}
.eSiteTab td.eSiteMarginLeft {padding:0.5em; border-bottom:thin solid #E0E0E0;}
.eSiteTab td.eSiteMarginRight {padding:0.5em; border-bottom:thin solid #E0E0E0; width:100%;}
.eSiteTab td.eSiteDeselected {border:thin solid #E0E0E0; cursor:pointer;}
.eSiteTab td.eSiteSelected {border:thin solid #E0E0E0; border-top: medium solid #00549F; border-bottom:none; cursor:pointer; padding-top:4px;}

.eSiteTags {display: inline-table;}
.eSiteTags span {cursor: pointer;}
.eSiteTags input {padding: 0.25em;}
.eSiteTags li {font-size: smaller; display: inline-block; background-color: #00549F; color: white; padding: 0.5em 1em 0.5em 1.75em; margin: 0.5em 0.5em 0.5em 0;}
.eSiteTags li::before {content: "\2716"; position: relative; left: -1em; cursor: pointer;}

.eSiteForm td {vertical-align:top;}

.eSiteList ul {list-style-type:none; padding:0;}

.eSiteTable table {width:100%;}
.eSiteTable th {text-align:left;}
.eSiteTable td {padding:0.25em;}
.eSiteTable tbody tr:nth-child(odd) {background-color:#E0E0E0;}
.eSiteTable tbody tr:hover {background-color:rgba(0, 84, 159, 0.25);}
.eSiteTable .eSiteTableNewRow td, .eSiteTableBreakRow {background-color:#00549F !important; color:#FFFFFF !important;}

.eSiteMultiSelection {list-style-type:none; padding:0; margin:0;}
.eSiteMultiSelection label {display:inline-block; white-space: nowrap; font-weight:normal; padding:0 1em 0 0;}

.timestamp > span {font-size:smaller; padding:0 1em 0 0.5em; white-space:nowrap;}
.timestamp::before {content: "\f017"; font-family: "Font Awesome 5 Pro";}

.eSiteCalendar table {width:100%; border-collapse:collapse;}
.eSiteCalendar table caption {color:#3F3F3E; text-align:left; text-transform:capitalize; font-size:larger;}
.eSiteCalendar th {text-align:center; vertical-align:middle; color:#3F3F3E; text-transform:capitalize; font-weight:normal;}
.eSiteCalendar td {position:relative;height:4em;padding:0.25em;}
.eSiteCalendar td.eSiteIn {vertical-align:top;border:thin solid #00549F; }
.eSiteCalendar td.eSiteWeekend {border:thin solid #00549F; vertical-align:top; background-color:rgba(0, 84, 159, 0.25); color:#3F3F3E;}
.eSiteCalendar td.eSiteOut {border:thin solid #00549F; background-color:rgba(0, 0, 0, 0.1); color:#3F3F3E; vertical-align:top;}
.eSiteCalendar td.eSiteNow {border:thin solid #00549F; vertical-align:top;}
.eSiteCalendar .eSiteCalendarDay {position:absolute; right: 0.2em;font-size:larger; padding:0 0.2em;}
.eSiteCalendar .eSiteIn .eSiteCalendarDay {font-weight:bold;}
.eSiteCalendar .eSiteNow .eSiteCalendarDay {border-radius: 0.5em; background-color: #00549F; color:#FFFFFF;}

.eSiteScroll ul {list-style-type:none; padding:0; text-align:right;}
.eSiteScroll li {display:inline-block; padding:0.25em;}
.eSiteIndexedLinks ul {list-style-type:none; padding:0;}
.eSiteIndexedLinks li {display:inline-block; padding:0.25em;}
.eSiteSelected {font-weight:bold;}

.multicolumns {columns: 3; margin:0; padding:0;}
.multicolumns li {position:relative ;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; width: -moz-available;}
.multicolumns input:read-only {background-color:#E0E0E0;}
input:required, select:required, textarea:required {background-color:rgba(0, 84, 159, 0.25);}

@media screen and (max-width:1536px) {
  .multicolumns {columns: 2;}
}
@media screen and (max-width:1024px) {
  .logo {display:none;}
  .menu td {display: table-row;}
  .body {padding-top:6em;}
  .multicolumns {columns: 1 !important;}

  .sidebar.left {max-width: 2em; overflow: hidden;}
  .sidebar.left i {padding: 0.5em 2em 0 0; font-size:1.25em;}
  .sidebar.left .collapsible, .sidebar.right {display:none;}
}

.orariDiLavoro {font-size:smaller;}
.orariDiLavoro tbody>tr:nth-child(odd) {background-color: #E0E0E0;}
.orariDiLavoro td {text-align:center;}
.orariDiLavoro input {width:6.5em !important;}
.orariDiLavoro .in:before {font-family: "Font Awesome 5 Pro"; content:"\f2f6"; font-size:larger; color:green; padding-right:0.25em;}
.orariDiLavoro .out:before {font-family: "Font Awesome 5 Pro"; content:"\f2f5"; font-size:larger; color:red; padding-right:0.25em;}

.multi td:last-child i {color:orange;}