/* ASP Replace: /<[%]=(\w+)[%]>/g With: var(--$1) */
:root {
  --special_color: #1C70B9;
  --special_dark_color: #142b34;
  --special_light_color: #99CCFF; 
  --light_color: rgba(28, 112, 185, 0.25);
  --text_color: #3F3F3E;
  --base_color: #FFFFFF;
  --shade_color: rgba(224, 224, 224, 0.5);
  --error_color: #EE0000;
  --font_family: Verdana, helvetica, arial, sans-serif;
  --font_size: 12pt;

  color-scheme: light dark;
}

html, body {margin:0; padding:0; height:100%;} 

body {font-family:Verdana, helvetica, arial, sans-serif; font-size:12pt; /*color:#3F3F3E;*/ margin:0 0.25em;}
table {border-collapse:collapse; border:none;}
img {border:none;}
h1 {font-size:1.35em; font-weight:normal; margin:10px 0 5px 0; color:#1C70B9; text-transform:uppercase;}
h2 {font-size:1.2em; font-weight:normal; margin:10px 0 3px 0; color:#1C70B9;}
h3 {font-size:1.1em; font-weight:normal; margin:10px 0 3px 0; color:#1C70B9;}
a {color:#1C70B9; text-decoration:none;}
form {margin:0;}
label {font-weight:bold; padding:0 2em 0 0;}
input, select, textarea, button {font-family:Verdana, helvetica, arial, sans-serif; font-size:0.85em; border:1px solid rgba(224, 224, 224, 0.5); padding:0.5em; border-radius:0.25em; margin:0.25em 0.25em 0.25em 0;}
textarea{resize:none;}
option {font-family:Verdana, helvetica, arial, sans-serif; font-size:0.85em; padding:0.5em;}

input[type="button"], input[type="file"], input[type="image"], input[type="checkbox"], input[type="radio"] {font-family:Verdana, helvetica, arial, sans-serif; border:none;}
input[type="button"] {border:thin solid #3F3F3E;}

input[type="number"] {width:10ex; text-align:right;}
input[disabled] {background-color:#1C70B9; color:#fff;}
input[type="submit"] {width: inherit !important;}
input[name^="*a128"] {float:right; background-color: black; color:#fff; width: 8em;}

.wide table {width:99%;}
.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 {padding-top:5em;}

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

.band { font-size:10pt; background-color:#142b34; border-top:thin solid rgba(224, 224, 224, 0.5); border-bottom:thin solid rgba(224, 224, 224, 0.5); padding:0.5em; position:relative;}
.band .eSiteHeader {position:absolute; top:0; left:0; padding:0.7em;}
.band .eSiteFooter {position:absolute; top:0; right:0; padding:0.7em;}
.band .eSiteBody {padding-left:1.5em;}
.band input {padding:0.25em;}
.search .eSiteBody td {padding:0 !important;}

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

.logo {text-align:right;}

.logon td {padding-top:0.5em; text-align:right;}
.logon a {color:#FFFFFF !important; text-transform:lowercase;}
.logon a:hover {border-bottom:1px solid #1C70B9;}

.fa {font-size:1.25em;}
.fa-info-circle {cursor:help; padding:0.2em;}
.fa-square-o, .fa-check-square-o, .fa-edit, .fa-plus-square, .fa-shopping-cart {color:#3F3F3E !important; cursor:pointer;}

.collapse_left {color:#1C70B9; text-align:right; cursor:pointer; padding-top:1em;}
.collapse_right {color:#1C70B9; text-align:left; cursor:pointer; padding-top:1em;}

.toolbar {position:absolute; bottom:0; left:0; right:0; z-index:10;}
.toolbar .eSiteBody {position:relative; max-width:1000px; width:100%; margin:0 auto; padding:0.5em; padding:0 20px;}
.toolbar ul {list-style-type:none; margin:0; padding:0;}
.toolbar li {float:right; padding:0 0 0 1em;}

.menu {color:#FFFFFF !important; cursor:default;}
.menu table {width:auto !important; padding:1em;}
.menu .eSiteBody td {vertical-align:middle; border:none;}
.menu td {padding:0.5em;}
.menu td.eSiteMarginLeft, .menu td.eSiteMarginRight {padding:0; border:none;}
.menu td img {padding-right:1em;}
.menu td a {color:#FFFFFF !important; text-decoration:none; padding:0.25em 1em;}
.menu td:hover, .menu td:hover a {background-color:#1C70B9 !important;}

.menuv {display:none; position:absolute; z-index:20; top:12px; left:22px;}
.menuv img {cursor:pointer;}

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

aside {display:none; margin:1em 0 0 0; font-size:0.9em;}
aside .eSiteCaption {padding:0;}
aside table {border-collapse:collapse; color:#3F3F3E; width:100%;}
aside.left {position:relative; left:0; top:0; bottom:0; padding:0.25em; background-color: rgba(28, 112, 185, 0.25);}
aside.right {border-left:2px solid #1C70B9; max-width:20em;}

.main {padding:0.25em; flex:1;}
.main .fax {color:#FFFFFF; cursor:pointer;}
.main > .halfwide {float:left; width:50%;}
.main .halfwide table {width:100%;}

.submenu {margin-top:1em;}
.submenu table {border-collapse:collapse; min-width:13em;}
.submenu td {color:#1C70B9;}
.submenu label, .submenu .eSiteCaption {font-weight:bold; text-transform:uppercase; color:#272727; text-align:left;}
.submenu .button {background-color:transparent; color:#1C70B9; border:none; font-size:1em; padding:0; cursor:pointer;}

.form {margin-top:454px;}
.form .eSiteCaption {position:relative; width:1280px; height:45px; left:-200px; border:none; border-top:1px solid #1C70B9; color:#FFFFFF; margin-bottom:10px; line-height:2.5em;}
.form .eSiteCaption img {position:absolute; left:170px;}
.form .eSiteBody {text-align:justify;}

.grid .eSiteCaption {clear:both; font-size:1em; padding:1em 0 0; text-transform:none;} 
.grid ul {margin:0;}
.grid li {float:left; text-align:center; border:thin solid rgba(224, 224, 224, 0.5); border-radius:0.5em; padding:0.25em; margin:0.25em;}

.eSiteErr {position:fixed; z-index:10; left:0; right:0; bottom:0; background-color:#E0E0E0; color:#FFFFFF; font-size:0.9em; padding:1em;}
.eSiteNoData {color:#EE0000; font-size:0.9em; padding:1em 0;}
.eSiteHeader, .eSiteFooter {font-size:0.9em; padding:1em 0;}

.eSiteAreaLinks li {padding:0.25em 2em;}
.eSiteAreaLinks li:hover {color:#3F3F3E; color:#FFFFFF;}

dialog {font-size: smaller;}
dialog h1 {margin-bottom: 0.5em; border-bottom: thin solid #1C70B9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:calc(100% - 2rem);}
dialog h1:after {content:"\f410"; padding-left:0.5em; position:absolute; right:1ex; font-weight:900; font-family: "Font Awesome 5 Free"; font-size:larger; cursor: pointer;}
dialog 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; font-size: smaller; }
#eSitePopup>article>div {max-width: 50ex; position:fixed; z-index:10; top:3em; left:50%; transform:translateX(-50%); padding:0 1em 1em; border:thin solid rgba(224, 224, 224, 0.5); background-color:#FFFFFF; box-shadow:1px 1px 1px 1px #3F3F3E;min-width:40em; line-height:1.75em;}
#eSitePopup h1:after {content:"\f410"; padding-left:0.5em; background: white; position:absolute; right:1ex; font-weight:900; font-family: "Font Awesome 5 Free"; font-size:larger; cursor: pointer;}
#eSitePopup table {width:100%;}
#eSitePopup h1 {margin-bottom: 0.5em; border-bottom: thin solid #1C70B9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#eSitePopup input:not([type="submit"]):not([type="date"]):not([type="number"]), #eSitePopup textarea {width: -webkit-fill-available; width: -moz-available;}
*/

#eSitePopupList {position:absolute; z-index: 1; max-height:15em; overflow-y:scroll; border:thin solid #1C70B9; background-color:white; cursor:pointer; font-size:smaller; line-height:1.25em; color:#1C70B9; font-weight:normal;}

.eSiteForm td {min-height:1.5em;}

.eSiteMenu {position:absolute; z-index:10; display:none; margin-top:2em; padding:0; background-color:#142b34;}
.eSiteMenu table {min-width:13em; width:auto !important;}
.eSiteMenu td {height:2em; padding:0 0.5em !important;}
.eSiteMenu td:hover {background-color:#1C70B9;}
.eSiteMenu td:hover a {color:#FFFFFF !important;}
.eSiteLinkSeparator {height:0 !important; border-top:1px solid rgba(224, 224, 224, 0.5) !important;}
div.eSiteMenu {top:1.4em !important;}

.eSiteTab {padding:5px 0 5px 0;}
.eSiteTab table, .eSiteTab tbody {width:100%;}
.eSiteTab td {padding:3px 10px 3px 10px; font-size:0.85em;}
.eSiteTab td.eSiteMarginLeft {padding:3px; border-bottom:1px solid rgba(224, 224, 224, 0.5);}
.eSiteTab td.eSiteMarginRight {padding:3px; border-bottom:1px solid rgba(224, 224, 224, 0.5); width:100%;}
.eSiteTab td.eSiteDeselected {border:1px solid rgba(224, 224, 224, 0.5); cursor:pointer;}
.eSiteTab td.eSiteSelected {border:1px solid rgba(224, 224, 224, 0.5); border-top:2px solid #1C70B9; border-bottom:none; cursor:pointer; padding-top:4px;}

.eSiteForm td {vertical-align:top;}

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

.eSiteTable table {width:100%;}
.eSiteTable th {text-align:center; border-bottom:thin solid rgba(28, 112, 185, 0.25);}
.eSiteTable td {padding:0.25em;}
.eSiteTable .eSiteTableNewRow td, .eSiteTableBreakRow {background-color:#1C70B9; color:#FFFFFF;}
.eSiteTable tbody>tr:nth-child(2n) {background-color:rgba(224, 224, 224, 0.5);}
.eSiteTable tbody>tr:hover {background-color:rgba(28, 112, 185, 0.25);}
.eSiteTable td:nth-child(n + 2) { border-left: thin solid rgba(28, 112, 185, 0.25); }

table.eSiteMultiSelection, td.eSiteSelection, td.eSiteSelectionText {width:auto;}
td.eSiteSelectionText {padding-right:1em;}

.discuss {min-width:13em; padding:0.5em; background-color:rgba(224, 224, 224, 0.5); border-radius:0.25em; margin-bottom:0.25em;}
.timestamp > span {font-size:0.8em; padding:0 1em 0 0.5em; white-space:nowrap;}
.timestamp:before {content:"\f017"; font-family:"Font Awesome 5 Free"; font-weight: 900;}

.eSiteCalendar table {width:100%; border-collapse:collapse;}
.eSiteCalendar table caption {color:#3F3F3E; text-align:left; text-transform:capitalize; font-size:1.25em;}
.eSiteCalendar th {text-align:center; vertical-align:middle; color:#3F3F3E; text-transform:capitalize; font-weight:normal;}
.eSiteCalendar td {position:relative; min-height:3em; padding:0.25em;}
.eSiteCalendar td.eSiteIn {vertical-align:top;border:1px solid #1C70B9;}
.eSiteCalendar td.eSiteWeekend {border:1px solid #1C70B9; vertical-align:top; background-color:rgba(28, 112, 185, 0.25); color:#3F3F3E;}
.eSiteCalendar td.eSiteOut {border:1px solid #1C70B9; background-color:rgba(0, 0, 0, 0.1); color:#3F3F3E; vertical-align:top;}
.eSiteCalendar td.eSiteNow {border:1px solid #1C70B9; vertical-align:top;}
.eSiteCalendar .eSiteCalendarDay {position:absolute; right:0.2em;font-size:1.2em; padding:0 0.2em;}
.eSiteCalendar .eSiteIn .eSiteCalendarDay {font-weight:bold;}
.eSiteCalendar .eSiteNow .eSiteCalendarDay {border-radius:0.5em; background-color:#1C70B9; color:#FFFFFF;}

.eSiteScroll ul {list-style-type:none; text-align:right;}
.eSiteScroll li {display:inline; padding:0.5em;}
.eSiteScroll .fa {color:#000;}

.bacheca {background-color:rgba(224, 224, 224, 0.5); border:1px solid #1C70B9; padding:0 0.5em;}
.bacheca .eSiteCaption {background-color:#1C70B9; color:#FFFFFF; padding:0 0.5em;}

@media screen and (max-width:1024px) {
  .body {padding-top:6em;}
  .breadcrumb {display:none;}
  body {min-width:240px; font-size:10pt;}
}

.typesynthesis td {width:7.14%;}
div.type1 {float:left; background-color:rgba(0, 204, 255, 0.7); min-width:1em; width:33%; height:1.25em; text-align:center;} /* _permesso */
div.type2 {float:left; background-color:rgba(255, 238, 0, 0.7); min-width:1em; width:33%; height:1.25em; text-align:center;} /* _recupero */
div.type3 {float:left; background-color:rgba(0, 255, 0, 0.7); min-width:1em; width:33%; height:1.25em; text-align:center;} /* _ferie */

div.mode1 {float:left; background-color:rgba(255, 106, 0, 0.7) !important; min-width:1em; width:33%; height:1.25em; text-align:center;} /* legge 104 */
div.mode2 {float:left; background-color:rgba(255, 0, 220, 0.7) !important; min-width:1em; width:33%; height:1.25em; text-align:center;} /* meternità */
div.mode4 {float:left; background-color:rgba(72, 0, 255, 0.7) !important; min-width:1em; width:33%; height:1.25em; text-align:center;} /* congedo matrimoniale */
div.mode8 {float:left; background-color:rgba(255, 0, 0, 0.7) !important; min-width:1em; width:33%; height:1.25em; text-align:center;} /* malattia */

.subtable {background-color:#99CCFF;}
/*.subtable .fa {color:#FFFFFF !important;}*/