:root {
  --primary-color: #758475; /* 446D46; */
  --primary-color-medium:#93A293; /* #8DAE8B; */
  --primary-color-light: #D7E4D6;
  --secondary-color:#756556; /* #483E36; */
  --secondary-color-medium: #EAE1D6;
  --secondary-color-medium-accent: #D7CEC2;
  --secondary-color-light:#F9F5ED; /* old #F5EFE7; */
  --tertiary-color: #446282;
  --color-change: #FFAD05;
  --color-warning: #C00;
  --text-color:#444;
  --text-invcolor:#FFF;
  --menu-bg: #FFF;
  --menu-hover: #EEE;
  --menu-text: #93A293; /* #6C916D */
  --menu-active: #758475; /* 2E532F */
  --mobilemenu-level1: #523C27;
  --mobilemenu-level2: #857258;
  --mobilemenu-level3: #938675;
  --mobilemenu-level4: #D89A5F;

  --plant-black:#000; 
  --plant-blue:#6171FC; 
  --plant-green:#7CAC60; 
  --plant-orange:#EC972D; 
  --plant-pink:#F38AB1; 
  --plant-purple:#802E94; 
  --plant-red:#D81C3F; 
  --plant-silver:#DDD;
  --plant-white:#FFF; 
  --plant-yellow:#FF0; 
  --plant-other:#999; 
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('../fonts/source-sans-pro-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/source-sans-pro-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
    url('../fonts/source-sans-pro-v19-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/source-sans-pro-v19-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
    url('../fonts/source-sans-pro-v19-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/source-sans-pro-v19-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local(''),
    url('../fonts/source-sans-pro-v19-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/source-sans-pro-v19-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* { box-sizing: border-box; }
html, body, .viewport { width: 100%;height: 100%;margin: 0; }
body { font-family:Tahoma, sans-serif;font-size: 17px;line-height:1.2em;padding:0;background-color:#FFF; }
form { margin:0;padding:0; }
input, select, textarea { font-size:1em;font-family: Tahoma, sans-serif;font-size:1em; }
select { max-width:95%; }
.subhead { font-size:.8em;font-weight:normal;line-height:1.1em; }
.subheadGroup { display:inline-block;background-color:#FFF;padding:.2em .5em;margin-right:.5em;border-radius:5px;border:1px solid #DDD;break-inside:avoid; }
.force1line { white-space:nowrap;overflow:hidden; }
h1 { font-size:2em;line-height:1.1em; }
h1 .subhead { font-size:.5em;color:var(--tertiary-color); }
h3 .subhead { font-size:.6em;line-height:1.1em; }
h4 .subhead { font-size:12px;line-height:1.1em; }
.hide { display:none; }
img { max-width:100%; }
a:link, a:visited { color:#415D7E; }
.blacklink { color:var(--text-color) !important;text-decoration:none;border-bottom: 1px #999 dashed; }
.alignLeft { text-align:left !important; }
.alignCenter { text-align:center !important; }
.alignRight { text-align:right !important; }
.alert { border: 2px solid #fbeed5;border-radius: 4px;margin: 15px 0;padding: 8px 35px 8px 14px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);text-align:center; }
.alert-inline { display:inline-block; }
.alert-warning { background-color: #FFF6C4;border-color: #D7CAB1;color: #877452; }
.alert-error { background-color: #FDE2E5;border-color: #DB838E;color: #b94a48; }
.alert-success { background-color: #dff0d8;border-color: #B7C9A8;color: #468847; }
.alert-info { background-color: #DBEFF9;border-color: #B4D1D7;color: #3a87ad; }
.highlight { background-color: #FFFFA3; }
.iconGreen { color:#090 !important;text-decoration:none; }
.iconOrange { color:#FFAD05; }
.iconRed, .validation-summary-errors { color:var(--color-warning) !important;text-decoration:none; }
.iconYellow { color:#FC0; }
.iconGrey { color:#AAA !important; }
.iconInline, .inlineSpacer { margin:0 .25em; }
.iconDelete { color:var(--color-warning);position: absolute;bottom: -10px;right: -10px;font-size: 2em;background-color: #FFF;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 5px; }
h1 .iconInline { font-size:.7em;line-height:1em; }
.newButton { background-color: #FC0;padding: .1em .6em;border-radius: 5px; }
.btn { border: 1px solid #333;padding: .3em .7em;border-radius: 5px;text-decoration:none;font-size:1em;display: inline-block;background-color:var(--primary-color);color:#FFF !important; }
.btn-sm { padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem; }
.btn.primary { background-color: var(--primary-color);color:var(--text-invcolor); }
.btn.secondary { background-color: var(--secondary-color);color:var(--text-invcolor); }
.btn.edit { background-color: var(--color-change);color:var(--text-invcolor); }
.btn.delete { background-color: var(--color-warning);color:var(--text-invcolor); }
.btn.navButton { background-color:var(--tertiary-color); }
.btn a:link, .btn a:visited { color:#FFF !important; }
.admEdit { float: left;margin: 0 0 0 -1.5em;background-color: #FF9129;padding: .3em;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 2px; }
.textBold { font-weight:bold !important; }
.inactive { background-color:#EEE !important; }
.inactiveButton { display:inline-block;background-color:#CCC;border-radius:5px;padding:.1em .5em;font-weight:normal;font-size:14px;margin:0 .5em 0 .5em; }
.unavailable { background-color:#FFC; }
.complete { background-color:#D1F4CD; }
.nsfa { background-color:#FFEAF0; }
.finished { background-color: var(--secondary-color);color: var(--text-invcolor);padding: 0 6px;border-radius: 50%;display: inline-block;font-size: .8em;font-weight: bold; }
.colorNotable { color:#E90080; }
.loadTimer { float: right;border: 1px solid #CCC;padding: .2em .5em;border-radius: 5px;background-color: #0C929F;margin-top: -2em;font-size: .8em;margin-right: -1.2em;color: #FFF; }
.breadcrumbs { text-align:right;margin-bottom:1em; }
.legend { font-size:.8em;margin-bottom:1em; }
.legend i { border:1px solid #999;box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2); }

.ulIcon li { text-align:left; }
.ulIcon li a { display: grid;grid-template-columns: 30px 1fr;gap: .2em;margin: .5em 0 .5em auto;width: fit-content; }
.ulIcon i { font-size:1.2em; }
.fave { display:inline-block;background-color:var(--secondary-color-medium);font-size:16px;line-height:18px;padding: .2em .5em;border-radius: 5px;margin-top: .5em;box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2); }
.rightCol .fave { background-color:var(--secondary-color-light); }
.fave a:link, .fave a:visited { color:var(--text-color);text-decoration:none; }
.fave .fa-star { color:#FFF;-webkit-text-stroke:1px #000;text-shadow: 1px 1px 0px #707070, -1px 1px 0px #707070, 1px -1px 0px #707070, -1px -1px 0px #707070; }
.fave.isFave .fa-star { color:#FD0; }

.menuHoriz { list-style:none;margin:0;padding:0;position:relative; }
.menuHoriz li { display:inline-block;padding: .5em .8em;position:relative;;font-size:1.1em; }
.menuHoriz li:hover { background-color:var(--menu-bg);color:var(--menu-active); }
.menuHoriz li a:hover { color:var(--menu-active) !important; }
.menuHoriz > li { text-align:center; }
.menuHoriz i.fa { color:var(--menu-text);margin-left:.3em; }
/*.menuHoriz li:first-child { text-align:left; }*/
/*.menuHoriz li:last-child { text-align:right; }*/
.menuHoriz li:last-child ul { left:auto !important;right:0 !important;text-align:left; }
.menuHoriz li .menuToggle { float:right; }

.dropdown { display: none;position: absolute;min-width: 220px;z-index: 9999;top:35px;left:0;padding:0;text-align:left;border-bottom-left-radius:3px;border-bottom-right-radius:3px; }

.dropdown li { display:block; }
.dropdown li:last-child { text-align:left; }
.headerMenu .menuHoriz .dropdown { background-color: var(--menu-bg); }
.menuHoriz .dropdown li { font-size:.9em !important;display:block; }
.menuHoriz .dropdown li:hover { background-color: var(--menu-hover); }
.menuHoriz li:hover > ul, .dropdown li:hover > ul { display:block; }
.menuHoriz a:link, .menuHoriz a:visited, .dropdown a:link, .dropdown a:visited { color:#444;text-decoration:none; }
.menuHoriz .checkout { background-color:#EEE;border-radius:5px; }
.menuHoriz .checkout a:link, .menuHoriz .checkout a:visited, .menuHoriz .checkout .fa { color:#C00 !important; }

.wrapper { /*max-width: 1600px;*/ background-color:var(--secondary-color-light) !important;min-height:100%;margin: 0 auto;background-color: #FFF;display:grid;grid-template-rows: auto 1fr auto auto;grid-template-areas: 'header' 'main' 'footer' 'copyright'; }
.wrapper .header { grid-area:header;border-bottom: 3px solid var(--menu-active); }
.wrapper .main { grid-area:main;text-align:left; }
.wrapper .main .padded { padding:1em 1.5em; }
.wrapper .footer { grid-area:footer; }
.wrapper .copyright { grid-area:copyright; }
.wrapper .baseline { grid-area:baseline;display:none; }
.innerWrapper { width:100%;max-width: 1600px;margin: 0 auto; }

.header .topBar { background-color:var(--primary-color-light); }
.header .topBar-inner {display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;text-align:left; }
.header .topBar-inner > .menuHoriz:last-child { text-align:right; }
.header .topBar-inner .dropdown { background-color:var(--primary-color-light); }

.header .logoRow { background-color:#FFF; }
.header .logoRow-inner { display:grid;grid-template-columns:200px 1fr;padding:.5em; }

.header .logoRow .logo img { max-height:95px;margin-left:1em;margin-right:1em; }
.header .logoRow .logotext { text-align: left;margin: 0 2em;padding-top:1em; }
.header .logoRow h1 { color:#000;font-size:2.5em;line-height:1em;margin:0;padding:0;font-weight:normal; }
.header .logoRow h3 { color:#050;font-size:1em;line-height:1em;margin:0;padding:0 0 0 2px;font-weight:normal; }
.header .logotext a:link, .header .logotext a:visited { text-decoration:none; }
.header .logoMobile { display:none; }

.menuRow { background-color:var(--primary-color); }
.headerMenu { margin:.5em 1em;text-align:right; }
.headerMenu .menuHoriz { display:block !important; }
.headerMenu .menuHoriz .dropdown { background-color:var(--menu-bg); }
.headerMenu a:link, .headerMenu a:visited { color:var(--menu-text) !important; }

.contentLayout { background-color:var(--secondary-color-light);display:grid;gap:0 1em;grid-template-columns: 280px 1fr 280px;grid-template-areas: "leftCol content rightCol";text-align:left;height:100%; }
.contentLayout.left { grid-template-columns: 280px 1fr;grid-template-areas: "leftCol content"; }
.contentLayout.right { grid-template-columns: 1fr 280px;grid-template-areas: "content rightCol"; }
.contentLayout.full { grid-template-columns: 1fr;grid-template-areas: "content";height:100%;gap:0; }
.main { grid-area:main; }
.contentLayout.left .content, .contentLayout.right .content { padding: 1em 1.5em;margin-bottom: 2em; }
.content { grid-area:content; }
.leftCol { grid-area:leftCol;border-right: 1px solid var(--menu-text); }
.rightCol { grid-area:rightCol;border-left: 1px solid var(--menu-text);padding-bottom:1em; }
.contentLayout.full .leftCol, .contentLayout.full .rightCol { border:0; }
.contentLayout.left .rightCol { display:none; }
.contentLayout.right .leftCol { display:none; }
.contentLayout.paddedMain .content { padding:1.5em; }

.toggle { float:right;margin-left:1em; }

footer { background-color: var(--menu-active); }
.footer .col3 { color:var(--text-invcolor);margin-bottom:0;padding: .9em;text-align: left;display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom-left-radius:5px;border-bottom-right-radius:5px; }
.footerLeft, .footerCenter, .footerRight { padding:.5em; }
.footerRight { text-align:right; }
.footer h3 { font-weight: normal;font-size:24px;line-height:1.1em;color:var(--primary-color-light);margin:0 0 .5em 0; }
.footer a:link, .footer a:visited { color:var(--text-invcolor);text-decoration:none; }
.footer ul { list-style:none;margin:0;padding:0; }
.copyright { background-color:#FFF;font-size: 14px;line-height:1.2em;font-weight: normal;text-align:center;margin-top:.2em; }

.blacktable { border:1px solid #000;margin:0 auto 1em auto;empty-cells:show;border-spacing:0;background-color:#FFF; }
.blacktable th { border:1px solid #000;padding:3px;background-color:var(--primary-color);color:#FFF;text-align:left;font-weight:normal; }
.blacktable th a:link, .blacktable th a:visited { color:#FFD; }
.blacktable th.grey { background-color:#DDD;color:#000;text-align:center; }
.blacktable.small th, .blacktable.small td { line-height:1.1em;font-weight:normal; }
.blacktable td { border:1px solid #000;padding:3px;text-align:left; }
.blacktable td.tblHdr { text-align:right;font-weight:bold;background-color:#EEE; }
.blacktable td.topDiv { border-top: 3px solid #00F; }
.stickyTable { position:relative; }
.stickyTable th { position:-webkit-sticky;position:sticky;top:0; }
.stickyTable th.stickyCol, .stickyTable td.stickyCol { position: -webkit-sticky; position: sticky; left: 0px;z-index: 2; }
.stickyTable th.stickyCol { background-color:#446D46;z-index:3; }
.stickyTable td.stickyCol { background-color:#FFF;white-space:nowrap; }
.altrows tr:nth-child(odd) { background-color: #f2f2e8; }
.altrows tr:nth-child(even) { background-color: #FFF; }
table.innerBorder td { border:0; }
table.innerBorder > thead > tr > th, table.innerBorder > thead > tr > td, table.innerBorder > tbody > tr > th, table.innerBorder > tbody > tr > td, table.innerBorder > tfoot > tr > th, table.innerBorder > tfoot > tr > td { border-bottom: 1px solid #444;border-right: 1px solid #444; }
table.innerBorder > thead > tr > :last-child, table.innerBorder > tbody > tr > :last-child, table.innerBorder > tfoot > tr > :last-child { border-right: 0; }
table.innerBorder > :last-child > tr:last-child > td, table.innerBorder > :last-child > tr:last-child > th { border-bottom: 0; }
table th.leftBorder, table td.leftBorder { border-left:3px solid #444 !important; }
table th.rightBorder, table td.rightBorder { border-right:3px solid #444 !important; }
table td.topBorder, .listRow .topBorder { border-top:3px solid #444 !important; }
tr.bold, td.bold { font-weight:bold; }

input.error, select.error, textarea.error, input.input-validation-error, select.input-validation-error, textarea.input-validation-error, input:invalid, select:invalid { border:2px solid var(--color-warning) !important;background-color: #FFEDED; }
input.number { text-align:right; }
input[type="checkbox"].error, select.error { outline:2px solid var(--color-warning);background-color: #FFEDED; }
input[type="submit"] { background:var(--primary-color);color:#FFF;padding: .3em 1em;border-radius:5px;border:none; }
input[type="input"].warning, select.warning { border: 1px solid #C00;background-color: #FFF7BA; }
input[type="color"] { padding:0 !important; }

textarea { width:99%; }
input[type=checkbox] { margin-right:5px;transform: scale(1.5); }
th input[type=checkbox], td input[type=checkbox] { margin:0 !important; }

.gridForm { background-color:#FFF;border: 1px solid #584431;max-width:800px;margin:0 auto 1em auto; }
.gridForm h1 { padding:.5em;background-color:#444;color:#FFF;margin:0; }
.gridForm h3 { grid-column: span 4;margin: 0;background-color:var(--secondary-color);padding: .5em;color:#FFF;font-size: 1.2em;font-weight:normal; }
.gridForm h3 .subhead { color:#FFEC86;font-size:.8em; }
.gridForm h3 .subhead a:link, .gridForm h3 .subhead a:visited { color:#FFF; }
.gridForm h3 .iconRed { color:#FF8080 !important; }
.gridForm .innerblock { padding:.7em;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 10px; }
.gridForm .innerblock.col1 { grid-template-columns: 1fr; }
.gridForm .innerblock.col2 { grid-template-columns: 1fr 1fr; }
.gridForm .innerblock.col3 { grid-template-columns: 1fr 1fr 1fr; }
.gridForm .innerblock.col5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.gridForm .acszBlock { grid-template-columns: 4fr 2fr 1fr 1fr !important; }
.gridForm .cszBlock { grid-template-columns: 4fr 1fr 2fr !important; }
.gridForm .innerblock .fit4c { display:grid;grid-template-columns:repeat(4,auto);grid-column-gap:5px;width:max-content; }
.gridForm .innerblock .fit4c .desc { padding-top:.2em; }
label, .gridForm label { display: block;color:var(--text-color);font-size: .8em;line-height: 1.1em;text-align:left;font-weight: normal !important;margin-bottom: 0; }
.gridForm p { margin: 0; }
.gridForm .full-width { grid-column: 1/-1; }
.gridForm .half-width { grid-column: span 2;}
.gridForm input, .gridForm textarea, .gridForm select { width: 99%;border: 1px solid #a29b93;box-sizing: border-box; }
.gridForm textarea { padding:.5em; }
.gridForm input, .gridForm input[type=text], .notInput { padding: .2em; }
.gridForm input[type=submit] { width:inherit !important;padding: .3em .8em; }
.gridForm input[type=checkbox] { width:initial !important; }
.gridForm select { padding: .2em .2em; }
.gridForm input[type=submit] { margin-bottom:1em; }
.gridForm div.error { color:#00C;font-size:.8em;line-height:1em; }
.gridForm .errorMsg { font-size: .7em;line-height: 1em;color: #C00;display:none; }
.gridForm .checkList { display:grid;grid-template-columns: repeat(4, 1fr);width:100%;grid-gap:1em; }
.gridForm ul.checkList { list-style:none;padding:.5em;margin: 0; }
.gridForm .checkList li { width:inherit; }
.gridForm .innerblock .noLabel { padding-top:.9em; }
.gridForm .middleBlock { padding: 0 .7em; }

.gridForm .innerblock label.inline { font-size:1em;display:inline-block; }
.gridForm .innerblock > div { position:relative; }
.gridForm input:required + .valid-icon,
.gridForm textarea:required + .valid-icon { font-family: 'Font Awesome 5 Free';position: absolute;top: 1.15em;font-size: 1em; }
.gridForm input:required + .valid-icon:before,
.gridForm textarea:required + .valid-icon:before { content:"\f069"; /* fa-asterisk */ color: #c6bcbc;margin-left: -1.5em; }
.gridForm input:required:invalid:focus + .valid-icon:before,
.gridForm textarea:required:invalid:focus + .valid-icon:before { content:"\f06a"; /* fa-exclamation-circle */ color: #b03535;margin-left: -1.5em; }
.gridForm input:required:valid + .valid-icon:before,
.gridForm textarea:required:valid + .valid-icon:before { content:"\f058"; /* fa-check-circle */color: #2eb323;margin-left: -1.5em; }

.filterHolder { text-align:center;position: sticky;top:0;z-index:1000; }
.filterHolderBottom { position:fixed;width:100%;display:flex;justify-content:center;bottom: -15px;color:#FFF;z-index:1000; }
.filterBox { background-color:#eae4e0;padding:.5em;display:inline-block;margin-bottom:1em;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 5px;text-align:left; }
.filterHolderBottom .filterBox { background-color: var(--tertiary-color);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-top-left-radius:10px;border-top-right-radius:10px;margin-right: 250px; }
.filterHolderBottom .filterBox label { color:var(--text-invcolor); }
.filterGroup { display:inline-block;margin:0 .2em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;text-align:left; }
.filterGroup label { display:block;font-size:.8em;color: var(--primary-color);font-weight:normal !important;margin-bottom:0; }
.filterBox.hasToggle { padding-right:5em; }
.filterToggle { position: absolute;top: .8em;right: .8em;background-color: #666;padding: .5em .8em;color: #FFF;border-radius: 5px; }
.filterToggleClosed { position: absolute;top: .8em;right: .8em;background-color: #666;padding: .5em .8em;color: #FFF;border-radius: 5px;z-index:1000; }

.tableHolder { display:inline-block;border: 1px solid #CDCFD0;border-radius: 5px;margin-bottom:1.5em;background-color: #FFF;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
.tableHolder h3 { margin: 0;padding: .8em;background-color: #FFF;color: #446D46;border-top-left-radius: 5px;border-top-right-radius: 5px;font-weight: 200;font-size: 1.3em;border-bottom: 1px solid #CDCFD0; }
.tableHolder .inner .tableList .tableRow { padding:.5em;text-align:left; }
.tableHolder .inner .tableList .tableRow:nth-child(odd) { background-color: #f7f2ee; }
.tableHolder .inner .tableList .tableRow:nth-child(even) { background-color: #FFF; }

.listRow { display: grid;gap:0 1em;padding:.5em;border-bottom: 1px solid #CCC; }
.listRow:nth-child(odd) { background-color: #fdf9f6; }
.listRow:nth-child(even) { background-color: #FFF; }
.listRow a:link, .listRow a:visited { color:var(--text-color);text-decoration:none; }
.listHeader { font-weight:bold; }
.listHeader .listRow { background-color: var(--primary-color) !important;color: var(--text-invcolor) !important; }
.listHeader .listRow a:link, .listHeader .listRow a:visited { color:#FFF; }
.listRow > div { overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.listRow.grid { border-bottom: 1px solid #e8ddd4;padding:0 !important;grid-gap:0; }
.listRow.grid > div { padding:.4em .3em;border-right: 1px solid #e8ddd4; }
.listRow.grid > div:last-child { border-right:0; }
.hideLabel { font-size:.8em;color:#999;display:none; }
.timeGrid { display:grid;grid-gap:.25em;grid-template-columns:1fr 1fr;text-align:right; }
.timeEmpty { color:#DDD; }
ul.vertList, ul.horzList, ul.vertListClose, ul.vertButtonList { list-style:none;margin:0;padding:0; }
ul.vertList li { padding:.5em; }
ul.horzList { margin: .5em 0 0 1em; }
ul.horzList li { display:inline-block;margin:0 .5em .5em 0; }
ul.vertButtonList { display:inline-block; }
ul.vertButtonList li { display:block;text-align:left;margin-bottom:.5em; }
ul.warningList { list-style:none;margin:2em 1em;padding:0; }
ul.warningList li { margin: .2em 0; }
ul.warningList li a:link, ul.warningList li a:visited { text-decoration:none; }
.logBox { display:inline-block;background-color:var(--primary-color-light);padding:1em;margin:1em auto;border-radius:5px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;text-align:left;white-space: pre-line; }

.listNotes { list-style:none;margin:1em;padding:0; }
.ui-accordion-content .listNotes { padding:0 !important; }
.listNotes li { margin:0 0 1em 0; padding:0;border:1px solid #CCC;border-radius:5px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
.listNotes .itemHeader { padding:.5em .8em;background-color:var(--primary-color-light);font-weight:600; }
.listNotes .itemContent { background-color:#FFF;padding:1em; }
.listNotes .statusHeader { font-weight:bold;margin-top:1em; }
.listNotes .statusContent { font-size:.8em;padding: .2em 1em 0 1.5em; }
.listNotes .statusContent .activityItem { border-top:1px solid #DDD; padding:.7em; }
.photoBox { display:inline-block;border: 1px solid var(--secondary-color-light);margin: 0 auto 1em auto;padding: 1em;background-color: #FFF;border-radius: 5px; }

.typeHeader { margin-bottom: 1em; }
.typeHeader.bottomBorder { margin-bottom: 1.5em;border-bottom: 1px solid var(--primary-color-medium);
  padding-bottom: 1em; }
.typeHeader.col2 { display:grid;grid-template-columns: auto auto;gap:1em;text-align:left; }
.typeHeader.col3 { display:grid;grid-template-columns: auto auto auto;gap:1em;text-align:left; }
.typeHeader.col2 > div:last-child, .typeHeader.col3 > div:last-child { text-align:right; }
.typeHeader.col2 > div:last-child table { margin-right:0; }
.typeHeader a:link, .typeHeader a:visited { color:var(--text-color);text-decoration:none; }
.textPara { white-space: pre-line; }
ul.problemList { margin-top:.5em;list-style:none; }

.plantHeader { margin-bottom:1.5em; }
.plantHeader.bottomBar { border-bottom: 1px solid var(--primary-color-light); }
.plantHeader h3 { color:var(--primary-color);font-size:1.5em;line-height:1em;margin:0; }
.plantHeader h3 .light { color:var(--primary-color-medium); }
.plantHeader h1 { font-size:2em;line-height:1em; }
.plantHeader a:link, .plantHeader a:visited { color:var(--text-color); }
.plantHeader .species { font-style:oblique;color:#666;font-size:.8em;line-height:1em; }
.plantThumb { float: left;margin-right: 1em; }

.plantStatus { background-color: #b5b09d;font-weight: normal;font-size: .6em;color: #fff;padding: .2em .5em;border-radius: 5px; } /* #d5d0be */

#aboutBox { margin:1em; }
#aboutBox #aboutHeader ul { list-style-type: none;margin:0;padding:0;
    background: transparent none repeat scroll 0% 0%;
    border-color: #C00;
    border-width: 0px;
    border-radius: 0px;
    display: block;
    border-bottom:3px solid #857258;
    height:35px; }
#aboutBox #aboutHeader li {
color:#FFF;
border-color: #7A0000;
list-style: outside none none;
float: left;
position: relative;
top: 1px;
margin: 0px 0.2em 1px 0px;
background-color:#857258;border:3px solid #857258;border-bottom: 0px none !important;
padding: .3em .7em .25em .7em;
white-space: nowrap;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size:1.2em;
}
#aboutBox #aboutBody { background-color:#FFF;border-left:3px solid #857258;border-right:3px solid #857258;border-bottom:3px solid #857258;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: .5em 1em; }
#aboutBox #aboutBody h3 { margin:.5em 0 .25em 0;padding:0;font-size:1.2em; }
#aboutBox #aboutBody .aboutColumns { display:grid;grid-template-columns: repeat(3, 1fr);grid-gap:1em; }
#aboutBox #aboutBody ul { list-style-type: none;margin: .5em 0 1em 0;padding:0; }
#aboutBox #aboutBody ul li { margin: .3em 0 .3em .5em; }
#aboutBox .hbox { display:flex;flex-wrap:wrap; }
.plantDescBox-Col { flex: 1 1 30%; }
ul.bloomCalendar { list-style:none;margin:1em 0 0 0;padding:0;text-align:center; }
ul.bloomCalendar li { display:inline-block;margin: 0 0 5px 0 !important; }
ul.bloomCalendar .bloomIcon { color: #FD3BB1;margin-top: 10px;font-size: .7em; }
ul.bloomCalendar .monthName { font-size: 11px;margin-top: -2px; }

.subSplit { display:grid;grid-template-columns:auto auto;gap:0 1em;background-color:var(--primary-color-light); }
.subMenu { list-style:none;margin:0;padding:0;position:relative; }
.subMenu li { display:inline-block;padding: .5em .8em;border-right: 1px solid #EAE8E5;position:relative; }
.subMenu ul { display: none;position: absolute;background-color:var(--primary-color-light);min-width: 190px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 9999;top:35px;left:0;border:1px solid #DCE4EE;padding:0; }
.subMenu ul li { display:block; }
.subMenu li:hover { background-color:var(--primary-color-medium); }
.subMenu li:hover > ul { display:block; }
.subMenu li a:link, .subMenu li a:visited { color:#444;text-decoration:none; }
.subMenu i.fa { color:var(--text-color);margin-left:.3em; }
.subMenuRight { text-align:right; }
.subMenuRight ul { left:auto !important;right:0 !important;text-align:left; }

.photoGroup { /*background-color:#eee4dc;*/padding:1em;text-align:center; }
.photoGroup ul { list-style:none;padding:0;margin:0;display:inline-flex;flex-wrap:wrap;gap:1em;text-align:center;justify-content:center; }
.photoGroup ul li { flex:0 0 200px;text-align:center;align-self:flex-end; }
.photoGroup ul li .imageHolder { display:inline-block;border:1px solid #CCC;border-radius:5px;padding:.5em;background-color:#FFF;position:relative; }
.photoGroup ul li .imageDesc { text-align:center; }

ul.photoList { list-style:none;padding:0;margin:1em auto;max-width:800px; }
ul.photoList li { border:1px solid #DDD;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 5px;border-radius:5px;background-color:#FFF;padding:1em;margin:0 0 1em 0;text-align:center; }
ul.photoList li a:link, ul.photoList li a:visited { text-decoration:none;color:var(--text-color); }
.photoDate { margin-top:.5em; }

.iconBlocks { font-size: 5em;padding: 15px; }
.img-container { max-width: 100% !important; }
.img-container img { /*display: block !important;*/width:100%; }
.singlePhoto { display:inline-block;text-align:center;border:1px solid #CCC;border-radius:5px;padding:.5em;background-color:#FFF; }
.photoControls { display:grid;grid-template-columns: 50px auto 50px; }

.invoice { background-color: #FFF;padding: 1em;border: 1px solid #E1D9CF;border-radius: 5px;max-width:1000px;margin:0 auto; }
.invoiceHeader { display:grid;grid-template-columns:auto auto;grid-gap:1em;margin-bottom:1.5em; }
.invoiceHeader.isDelivery { grid-template-columns: auto auto 20%; }
.invoiceHeader .headerBlock { border:1px solid #E1D9CF;border-radius:5px; }
.invoiceHeader h3 { background-color: #E1D9CF;padding: .3em .5em;margin: 0;font-size: 1.2em;font-weight: bold; }
.invoiceHeader .inner { padding:.5em; }
.invoiceHeader .invNum { font-size:1.2em;font-weight:bold;color:#446D46; }

#menuToggle, #showMobileMenu, #mmCart { display:none; }

/*
.modal-header { background-color: var(--primary-color);color: var(--text-invcolor); }
.modal-header .close { color:var(--text-invcolor); }
.modal { text-align:center; }
.modal-body { background-color: var(--secondary-color-light); }
*/

.modal { display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;
  overflow: auto;background-color:rgba(0, 0, 0, .5);text-align:center; }
.modal-title { margin: 0 0 .5em 0; }
.modal-content { display:inline-block;background-color:#FFF;margin: 15% auto;padding: 20px;border: 1px solid var(--secondary-color);border-radius:10px;position:relative; }
.close { background-color: var(--color-warning);color: var(--text-invcolor);font-size: 28px;font-weight: bold;position: absolute;top: -.5em;right: -.5em;border: 0;width: 35px;height: 35px;line-height: 1em;padding: 0;border-radius: 5px; }
.close:hover, .close:focus { color: black;text-decoration: none;cursor: pointer; }

.hide { display:none !important; }

@media screen and (max-width:1200px) {
  .contentLayout { grid-template-columns: 280px 1fr;grid-template-rows: auto 1fr;grid-template-areas: "leftCol content" "rightCol content"; }
  .contentLayout .content { grid-row: span 2; }
  .contentLayout.left{ grid-template-columns: 1fr 280px;grid-template-rows: 1fr;grid-template-areas: "content leftCol"; }
  .contentLayout.right { grid-template-columns: 1fr 280px;grid-template-rows: 1fr;grid-template-areas: "content rightCol"; }
  .contentLayout.full { grid-template-columns:1fr;grid-template-rows: auto;grid-template-areas: "content"; }
  .contentLayout.left .content, .contentLayout.right .content, .contentLayout.full .content { grid-row:span 1; }
  .contentLayout.col1override { grid-template-columns:1fr;grid-template-rows: repeat(3, auto);grid-template-areas: "content" "leftCol" "rightCol"; }
  .contentLayout.col1override .content { grid-row: inherit; }

  .typeHeader.col2 { display:block; }
  .typeHeader.col2 > div { margin-bottom:1em; }
  .typeHeader.col2 > div:last-child, .typeHeader.col3 > div:last-child { text-align:left; }
  .typeHeader.col2 > div:last-child table { margin-right:auto; } 
  .gridForm .innerblock.col5 { grid-template-columns: 1fr 1fr 1fr; } 
}
@media screen and (max-width:800px){
  .wrapper { grid-template-rows: auto auto 55px;grid-template-areas: 'header' 'main' 'baseline';height:100%; }
  .wrapper .header .logoMobile { display:block;background-color: #FFF;padding:0;max-height:53px; }
  .wrapper .header .logoMobile img { margin: .3em .5em;max-height: 45px; }
  .wrapper .main { overflow-y:scroll; }
  .wrapper .baseline { display:block; }
  .wrapper .header .logoRow, .wrapper .footer, .wrapper .copyright { display:none; }

  header #menuToggle, header #mmCart { display:block;position: absolute;top: 0;padding: 10px;z-index:100;background-color:var(--text-color);color:var(--text-invcolor);text-align:center; }
  header #menuToggle { right:0; }
  header #mmCart { background-color:var(--secondary-color);left:0;border-bottom-right-radius: 10px; }
  header #menuToggle a:link, header #menuToggle a:visited, header #mmCart a:link, header #mmCart a:visited { text-decoration:none;color:var(--text-invcolor); }
  header #menuToggle i, header #mmCart i { font-size: 2em; }
  header #menuToggle .text, header #mmCart .text { font-size: .6em;line-height: 1em;margin-top:5px; }

  /*.content { overflow-y:scroll; }*/
  .rightCol { padding-bottom:0; }

  .baseline { display:block !important;background-color:var(--text-color);color:var(--text-invcolor);width:100%; }
  .baseline ul { list-style:none;margin:0;padding:.5em;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1em;text-align:center; }
  .baseline a:link, .baseline a:visited { color:var(--text-invcolor);text-decoration:none; }
  .baseline li .fa { font-size:1.5em; }
  .baseline li .text { font-size:.7em; }
  
  h1 { font-size:1.5em; }
  h3 { font-size:1.1em; }
  .iconInline .fa { font-size:1.5em; }
  .subSplit { gap:0; }
  .subSplit .subMenu .text { display:none; }

  header #menuToggle, header #mmCart { display:block;position: absolute;top: 0;padding: 10px 10px 9px 10px;z-index:100;background-color:var(--primary-color-light);color:var(--text-color);text-align:center; }
  header #menuToggle { right:0; }
  header #mmCart { background-color:var(--secondary-color);left:0; }
  header #menuToggle a:link, header #menuToggle a:visited, header #mmCart a:link, header #mmCart a:visited { text-decoration:none;color:var(--text-invcolor); }
  header #menuToggle i, header #mmCart i { font-size: 2em; }
  header #menuToggle .text, header #mmCart .text { font-size: .6em;line-height: 1em;margin-top:5px; }

  /* used for mobileMenuInner */
  #mobileMenuInner, #mobileMenuInner ul { list-style: none;margin:0;padding: 0px; }
  #mobileMenuInner > li { margin: .3em 0;background-color:var(--menu-active); }
  #mobileMenuInner > li li { margin:0;background-color:var(--menu-text);border-bottom:2px solid var(--menu-active);font-size:.9em; }
  #mobileMenuInner > li li li { margin:0;background-color:var(--mobilemenu-level3);border-bottom:5px solid var(--mobilemenu-level2); }
  #mobileMenuInner a, #mobileMenuInner .mmHeader { color:var(--text-invcolor);display: block;outline: none;text-decoration: none;cursor:pointer; }
  #mobileMenuInner .fa { margin-right:.4em; }
  #mobileMenuInner li > a > span { float: right;font-weight: bolder; }
  #mobileMenuInner li > a:hover > span { color:var(--text-invcolor); }
  #mobileMenuInner li > a > span:after { content: '\25be'; }
  #mobileMenuInner li.open > a > span:after { content: '\25b4'; }
  #mobileMenuInner a:hover, #mobileMenuInner li.active > a { background-color:var(--mobilemenu-level4);color:var(--text-invcolor); }
  #mobileMenuInner > li.active > a { background-color:var(--mobilemenu-level4);}
  #mobileMenuInner > li > a, #mobileMenuInner .mmHeader,  #mobileMenuInner li a { padding: .6em 1em; }
  #mobileMenuInner ul { display:none; }
  /* end mobileMenuInner */

  .topBar, .header .logoRow h3, .menuRow { display:none; }
  .header .logoRow-inner { padding:0; }
  .logoRow-inner.innerWrapper { display:block; }
  .logoRow-inner.innerWrapper .logo { text-align:center;padding: 1em; }
  .header .logoRow .logo img { max-height: inherit;margin: 0 auto; }
  .header .logoRow .logotext { text-align: center;margin: 0;padding: 1em;background-color:var(--primary-color); }
  .header .logoRow h1 { color:var(--text-invcolor);font-size:1.8em; }

  .contentLayout { grid-template-columns:1fr;grid-template-rows: repeat(3, auto);grid-template-areas: "content" "leftCol" "rightCol"; }
  .contentLayout.left{ grid-template-columns:1fr;grid-template-rows: repeat(2, auto);grid-template-areas: "content" "leftCol"; }
  .contentLayout.right { grid-template-columns:1fr;grid-template-rows: repeat(2, auto);grid-template-areas: "content" "rightCol"; }
  .contentLayout.full { grid-template-columns:1fr;grid-template-rows: auto;grid-template-areas: "main"; }
  .contentLayout .content { grid-row: inherit; }

  .footer .col3 { display:block; }
  .footer h3 { margin: .5em 0 .5em 0; }
  .footerRight { text-align:left; }
  .footerRight .ulIcon li a { margin: .5em auto;width: inherit; }
  .copyright { padding: .5em; }

  .typeHeader.col2 { display:block; }
  .typeHeader.col2 > div { margin-bottom:1em; }
  .typeHeader.col2 > div:last-child, .typeHeader.col3 > div:last-child { text-align:left; }
  .typeHeader.col2 > div:last-child table { margin-right:auto; }
  .typeHeader .plantThumb { max-width:15%; }
  .gridForm .innerblock { display:block; }
  .gridForm .innerblock > div { margin-bottom:1em; }
  .plantHeader h3 { font-size:1em; }
  .plantHeader h1 { font-size:1.3em; }
  .photoGroup ul { display:block;margin:1em auto; }
  .photoGroup ul li { margin:1em auto; }
  .photoGroup ul li .imageDesc { margin: .5em auto; }
  .gridForm .checkList { display:grid;grid-template-columns: repeat(2, 1fr);width:100%;grid-gap:1em; }
  .leftCol ul.vertButtonList.collapse li, .rightCol ul.vertButtonList.collapse li { display: inline-block;margin-right: .5em; }
  .hideMobile { display:none !important; }
}

@media print { 
  .noPrint { display:none; } 
  .subSplit, footer { display:none; }
}