/* ASP Replace: /<[%]=(\w+)[%]>/g With: var(--$1)*/
:root {
  --special_color: #00B050;
  --light_color: rgba(0, 176, 80, 0.25);
  --text_color: #333333;
  --base_color: #FFFFFF;
  --shade_color: #EEEEEE;
  --warning_color: #EE0000;
  --font_family: Lato, Helvetica, sans-serif;
  --font_size: 11pt;
  --padding: 0.25em;
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body {margin:0; padding:0; width:100%; height:100%;}

body {font-family: Lato, Helvetica, sans-serif; font-size:11pt; color:#333333; width:100%; margin:0 auto; }
table {border-collapse:collapse; border:none;}
img {border:none;}
h1 {font-size:1.35em; font-weight:normal; margin:10px 0 5px 0; color: #00B050; text-transform: uppercase;}
h2 {font-size:1.2em; font-weight:normal; margin:10px 0 5px 0; color: #00B050;}
h3 {font-size:1.1em; font-weight:normal; margin:10px 0 5px 0; color: #00B050; border-bottom:1px solid #00B050;}
a {color:#00B050; text-decoration:none;}
form {margin:0;}
label {font-weight:bold; padding:0 2em 0 0;}
.button, input, select, option, textarea {font-family:Lato, Helvetica, sans-serif; font-size:1em; border:1px solid #EEEEEE; padding: 0.2em; border-radius: 0.2em;}
.button, input.file, input.image, input.checkbox, input.radio {font-family:Lato, Helvetica, sans-serif; border:none;}
.button:not(.image) {border:none; background-color: #00B050; color: #fff; padding:0.2em 0; width:8em;}
input.image {border:none;}
input[type="number"] {width:6em;}
input[readonly="true"], [disabled] {background-color:transparent;}
.hide {display:none;}

.relazione-tecnica {position:absolute; right:0.75em; font-size:2em;}

.fullscreen {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; padding: 0.2em;}
.wide table {width:100%;}
.wide textarea {width:99%;}
.center {margin:0 5em;}
.number {text-align:right;}
a > i.far {cursor:pointer;}

.header {background: url(/images/artwork/logo.png) no-repeat 32px center; height:120px;}
.header table {width:100%;}
.header table td {padding:0.75em;}
.header a {text-decoration: underline;}

.search { float:right; margin: 2.5em 1em 0 0;}
.search input[type="text"] {margin:0; padding:3px 20px 3px 3px; width:10em; border-radius:3px;}

.far {cursor: default;}
.far.fa-check-square {color: green;}
.far.fa-calendar-check {color: orange;}
.far.fa-edit {color: orange;}
.far.fa-square {color:red;}

.fas.fa-edit {cursor: pointer; color:#00B050;}

.menu {float:left; margin: 2.5em 0 0 8em;}
.menu table {width:auto !important;}
.menu td {vertical-align:middle; border:none; padding:1em 2.5em 1em 0.5em !important;}
.menu td.eSiteMarginLeft, .menu td.eSiteMarginRight {padding:0; border:none;}
.menu td a {color: #000 !important; text-decoration: none; font-size:larger;}
.menu td a:hover {color: #3276b1 !important;}

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

.main, .sidebar {padding:0.2em;}
.sidebar.left {max-width:13em;}
.main, .sidebar.right {flex:1; min-width:37em;}
.sidebar.left h1 {font-size:smaller;}
.sidebar.left article {min-width: 13em; font-size:smaller;}

#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 #00B050;}
#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 {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 #00B050; background-color:white; cursor:pointer; font-size:smaller; line-height:1.25em; color:#00B050 font-weight:normal;}

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

.eSiteMenu {position:absolute; z-index:10; display:none; padding:0; border:1px solid #EEEEEE; background-color:#FFFFFF; box-shadow: 1px 1px 1px 1px #333333;}
.eSiteMenu table {min-width:13em; width: auto !important;}
.eSiteMenu td {height:2em; padding:0 1em !important;}
.eSiteLinkSeparator {height:0 !important; border-top:1px solid #EEEEEE !important;}

.eSiteTab {padding:5px 0 5px 0;}
.eSiteTab table, .eSiteTab tbody {width:100%;}
.eSiteTab td {padding:3px 10px 3px 10px; font-size:smaller;}
.eSiteTab td.eSiteMarginLeft {padding:3px; border-bottom:1px solid #EEEEEE;}
.eSiteTab td.eSiteMarginRight {padding:3px; border-bottom:1px solid #EEEEEE; width:100%;}
.eSiteTab td.eSiteDeselected {border:1px solid #EEEEEE; cursor:pointer;}
.eSiteTab td.eSiteSelected {border:1px solid #EEEEEE; border-top: 2px solid #00B050; border-bottom:none; cursor:pointer; padding-top:4px;}

.eSiteForm td {vertical-align:top; height:1.5em;}

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

.eSiteTable table {width:100%;}
.eSiteTable:not(.nohover) tbody>tr:hover /*, .selected*/ {background-color:rgba(0, 176, 80, 0.25);}
.eSiteTable th {text-align:left;}
.eSiteTable td {padding:0.2em;}
.eSiteTable .eSiteTableNewRow td, .eSiteTableBreakRow {background-color:#00B050; color:#FFFFFF;}
.eSiteTable .eSiteTableOddRow {background-color:#EEEEEE;}

table.eSiteMultiSelection, td.eSiteSelection, td.eSiteSelectionText {width:auto;}

.discuss {min-width: 13em; padding:0.5em; background-color: #EEEEEE; border-radius: 0.2em; margin-bottom: 0.2em;}
.timestamp {font-size:smaller; padding:0 1em 0 0.5em; white-space:nowrap;}
.timestamp:before {content: "\f017"; font-family: "Font Awesome 5 Free";}

.eSiteCalendar table {width:100%; border-collapse:collapse;}
.eSiteCalendar table caption {color:#333333; text-align:left; text-transform:capitalize; font-size:larger;}
.eSiteCalendar th {text-align:center; vertical-align:middle; color:#333333; text-transform:capitalize; font-weight:normal;}
.eSiteCalendar td {height:4em;padding:0.2em;}
.eSiteCalendar td.eSiteIn {border:1px solid #00B050; vertical-align:top;}
.eSiteCalendar td.eSiteWeekend {border:1px solid #00B050; vertical-align:top; background-color:rgba(0, 176, 80, 0.25); color:#333333;}
.eSiteCalendar td.eSiteOut {border:1px solid #00B050; vertical-align:top; background-color:#EEEEEE; color:#333333;}
.eSiteCalendar td.eSiteNow {border:1px solid #00B050; vertical-align:top;}
.eSiteCalendar .eSiteCalendarDay {float:right; font-size:larger; padding:0 0.2em; min-width:1.5em; text-align:center;}
.eSiteCalendar .eSiteIn .eSiteCalendarDay {font-weight:bold;}
.eSiteCalendar .eSiteNow .eSiteCalendarDay {border-radius: 0.5em; background-color: #00B050; color:#FFFFFF;}

.eSiteScroll .eSiteMarginLeft {width:100%;}
.eSiteScroll td, .eSiteScroll th {vertical-align:middle; text-align:center; padding:0.5em;}
/*.eSiteScroll a {padding:0.5em;}*/
.eSiteScroll .far {color:#000;}
.eSiteScroll {font-size:smaller;}

#CC1750 {background-color:#fff;}

#print {font-size:smaller; position:relative; text-align:right; display: none; background-color:#EEEEEE; padding:0.5em;}

.iconsView ul { list-style-type:none; padding:0; }
.iconsView li { display: inline-block; width:12em; padding:1em; text-align:center; vertical-align:middle; font-size:smaller;}
.iconsView li:hover { background-color: rgba(0, 176, 80, 0.25);}

.bookMarked {border-top: 1px solid #EE0000;}
.bookMarked:before {font-family: FontAwesome; content: "\f129"; color: #EE0000; padding-right: 1em;}

.fa-asterisk {float:right; color:red;}

@media screen and (max-width:1024px) {
  .header {background: url(); height:80px;}
  .menu {float:none; margin:0; text-align:center;}
  .search {float:none; margin:0; text-align:center;}
  .search input[type="text"] {margin:0; padding:3px 20px 3px 3px; width:15em; border-radius:3px;}
}