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

html {color-scheme: normal; width:100%; height:100%;}
body {margin:0; padding:0; width:100%; height:100%; display:grid; font-family: helvetica, arial, 'PT Sans', sans-serif; font-size:12pt; color:#3F3F3E;}
table {border-collapse:collapse; border:none;}
img {border:none; padding:0.5em;}
h1 {font-size:1.35em; font-weight:normal; margin:0.5em 0 0.5em; color: #00408b; text-transform: uppercase;}
h2 {font-size:1.2em; font-weight:normal; margin:0.5em 0 0.25em; color: #00408b;}
h3 {font-size:1em; font-weight:normal; margin:0.5em 0 0.125em; color: #00408b;}
a {color:#00408b; text-decoration:underline;}
.fa-pencil-alt {color:#00408b; cursor:pointer;}
form {margin:0;}
label {font-weight:bold; padding:0 2em 0 0; line-height: 1em;}
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;}
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:4em; /*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.2em !important;}*/
input.selected {background-color: #00408b; color: #FFFFFF;}
pre{font-family:helvetica, arial, 'PT Sans', sans-serif;}
button:has(i), input.image { background-color: transparent; border: none; cursor:pointer;}
.eSiteTableNewRow button:has(i) {color:#FFFFFF;}

.hidden { display: none; }
.show { display: block; }
.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 {display:flex; align-items:stretch; padding-top:5.5em; top:0; bottom:0; left:0; right:0;}

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

.band {background-color:#00408b; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
.band input {font-size:smaller; border: none; padding: 0.2em;}

.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 #00408b;}

.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 #00408b;}

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

.sidebar {position:relative; left:0; top:0; bottom: 0; background-color:#eee; font-size:smaller;}
.sidebar input[type=submit] { border: thin solid #00408b; }
.sidebar.left article {min-width: 14em; padding:0.5em;}
.sidebar.right article {min-width: 20em; padding:0.5em;}
.sidebar select { max-width:14em;}
.main {padding:0.5em; flex:1; overflow:auto;}

.aside {font-size:smaller;}
.aside .eSiteCaption {padding:0;}

#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:20em; max-width: 50em; line-height:1.75em;}
#eSitePopup h1 {margin-bottom: 0.5em; border-bottom: thin solid #00408b; font-size: smaller; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#eSitePopup h1:after {content:"\f410"; position:absolute; right:2ex; font-weight:900; font-family: "Font Awesome 5 Pro"; cursor: pointer; font-size:larger;}
#eSitePopup table {width:100%;}
#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;}
#eSitePopup td {padding: 0.125em;}

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

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

/* From eSite.dll ver. 1.00.2698 */
.eSitePageLinks nav.eSiteHorizontal { display: inline-block; background-color: #00408b; color: #FFFFFF; }
.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; }
.eSitePageLinks nav li { list-style: none; position: relative; }
.eSitePageLinks nav li>ol>li { min-width: 12em; }
.eSitePageLinks nav li>div { padding: 0.5em 1em; 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: "fontawesome"; font-weight: 900; content: "\f0da"; float: right; }
.eSitePageLinks nav li>div:hover { background-color: #000000; opacity: 1; }
.eSitePageLinks nav.eSiteVertical ol>li>div:hover { background-color: #000000; opacity: 1; color: #FFFFFF; }
.eSitePageLinks nav ol ol { background-color: #000000; color: #FFFFFF; opacity: 1; }

.eSiteLinkSeparator {height:0 !important; border-top:1px solid #E0E0E0 !important;}

.eSiteTree ul {position: relative; list-style: none; padding-left: 1em;}
.eSiteTree li::before {content: "\f105"; font-weight:900; font-family: "Font Awesome 5 Pro"; display: inline-block; margin-left: -1em; width: 1em; cursor:pointer;}
.eSiteTree li.expanded::before {content: "\f107"; font-weight:900; font-family: "Font Awesome 5 Pro";}
.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; white-space:nowrap;}
.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 #00408b; border-bottom:none; cursor:pointer; padding-top:4px;}

.eSiteForm td {vertical-align:top;}

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

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

.eSiteMultiSelection {list-style-type:none; padding:0; margin:0;}
.eSiteMultiSelection li {display: flex;}
.eSiteMultiSelection label {font-weight:normal; padding:0 0.5em 0 0.5em;}

.timestamp, .timestamp > span {font-size:smaller; padding:0 1em 0 0.5em; white-space:nowrap;}
.timestamp::before {content: "\f017"; font-weight:900; 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 #00408b; }
.eSiteCalendar td.eSiteWeekend {border:thin solid #00408b; vertical-align:top; background-color:rgba(0, 84, 159, 0.25); color:#3F3F3E;}
.eSiteCalendar td.eSiteOut {border:thin solid #00408b; background-color:rgba(0, 0, 0, 0.1); color:#3F3F3E; vertical-align:top;}
.eSiteCalendar td.eSiteNow {border:thin solid #00408b; 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: #00408b; 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 {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 1em;}
.multicolumns {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;}
.multicolumns input:required {background-color:rgba(0, 84, 159, 0.25);}

#CC1, #CC5128 {padding-top:5em;}
#CC5104 {display:block !important;}
#CC5204 {display:none !important;}

.daFare { color: red; }

@media screen and (max-width:1536px) {
  .multicolumns {grid-template-columns: 2;}
}
@media screen and (max-width:1024px) {
  #CC5104 {display:none !important;}
  #CC5204 {display:block !important;}
  .multicolumns {columns: 1 !important;}

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

/*  .sidebar>:not(nav) {display:none;} */
  .submenu td {padding:0.25em 0.5em; line-height:1.5em;}
}
@media print {
  .heading, .sidebar, button, input[type=button], input[type=submit], input[type=reset] {display:none;}
}

.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(0, 84, 159, 0.25);
    text-align: center;
    min-width: 2em;
    font: bold 0.5em sans-serif;
}

.sticky {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  background-color: #00408b;
  color: #FFFFFF;
  margin: 0;
  border-radius: 0.5em 0.5em 0 0;
  padding: 0.5em 2em !important;
}