@import "/includes/LocationPicker.css?d=9.9.2020";
html {box-sizing: border-box;color: #333;height: 100%}
html,input,select,option,button,textarea {font-family: "myriad-pro",sans-serif;}
*,*:before,*:after {box-sizing: inherit;}
body {margin: 0;padding: 0;line-height: 1.2;font-weight: 300;height: 100%}
a{text-decoration: none;color: #1881a2}
a:hover{color: #02a0d2}
a.button{border-radius: .2em;padding:0 .4em}
a.button:hover{background-color: #fff;}
hr{border: 0;border-top: 1px solid rgba(0,0,0,.3)}
h1{font-weight: 600;font-size: 1.3em}
h2{font-weight: 600;font-size: 1.2em}

.mainContent h2 {font-weight: normal; margin-bottom:6px; }
.mainContent p { margin:0.5em 0; }

header{height: 3.5rem;background-color:#1a333b;border-bottom: .5rem solid #fff;position: fixed;left: 0;top:0;right: 0;z-index:5}
header img{height: 3rem;width: auto;padding: .65rem}
header nav{float: right;white-space: nowrap;max-width:calc(100% - 6em);height: 3em;}
header ul{list-style-type: none;margin: 0;padding: 0}
header li{display: inline-block;white-space: nowrap;position: relative}
header li>a{display: block;float: left;padding:0 1em;color: #fff;line-height: 3rem}
header li:hover>a,header li.on>a{background-color: #f9b932;color: #1a333b}
header > img {width: auto; height: 3rem; padding: 0.8em 0;}

header li .navAlert { position:absolute;color:#f9b932;right:5px;top:5px; } 
header li:hover .navAlert,header li.on .navAlert{color: #1a333b}

/* condensed desktop T1 menus */
nav ul#topNav .tablet { display: none; }

@media screen and (max-width: 1000px) {
   header li > a {font-size: 0.8em}
   header li ul li.navHeading {font-size: 0.8em}
   #SandboxLogo { display:none; }
   /* condensed tablet T1 menus */
   nav ul#topNav .tablet { display: initial; }
   nav ul#topNav .desktop { display: none; }
}

header li ul{opacity: 0;min-width: 100%;padding-bottom: 0; height: 0;line-height: 0;overflow: hidden;position: absolute;top:100%;left: 0;z-index: 2;background-color:#f9b932;font-size: .9em;
	-webkit-transition: opacity .3s ease;transition: opacity .3s ease;}
header li:last-child ul,header li:nth-last-child(2) ul{left: auto;right: 0}
header li:hover ul{opacity: 1;height: auto;line-height: 1.1em;padding-bottom: .5em;}
header li ul li{float: left;width: 100%;clear: left}
header li ul a, header li ul li.navHeading{width: 100%;padding: .5em 1em;color: #1a333b;line-height: 1.1em}
header li ul li:hover a{background-color: #1a333b;color:#fff;}
header li ul li.navHeading { padding-top:1.5em; padding-bottom:0.25em; font-weight:400; }

span.button{display: inline-block;white-space: nowrap;width: 100%;text-overflow: ellipsis;cursor: pointer;padding: .25em 0}

.mainContent{margin-top: 3.5rem; padding: 1px 1rem 1rem 1rem; }

.m-cop{width:3.65rem;height:1.2rem;position: relative;bottom: -.35rem}
.waterRecoveryIcon{width:3.65rem;height:1.2rem;position: relative;bottom: -.35rem}
.cls-1 {fill:#fff;}
li:hover .cls-1,li.on .cls-1 {fill:#1a333b;}


a,button, .icon, .button, .button i,input[type="submit"],.cls-1,.location {-webkit-transition: all .3s ease;transition: all .3s ease;}


a.backTo:before {content: "\f060\00a0";font-family: FontAwesome;}	/* back arrow AND a space */

table.emulationBar tr { background-color:#F02828; }
table.emulationBar tr td { color:white; font-weight:bold; }
table.emulationBar tr td a { color:white; text-decoration:underline; }
table.emulationBar tr td a:hover { text-decoration:none; }

table.searchBox { border:1px solid #aaaaaa; border-radius: 2px; padding:2px; background-color:#F5F5F5; }

.corner-nav{float:right;}
.corner-nav ul{border:1px solid #aaaaaa;border-radius: 2px;padding:2px;background-color:#F5F5F5;margin-bottom:10px;list-style:none;}
.corner-nav ul>li:not(:last-child){border-bottom:1px solid #aaaaaa;}
.corner-nav ul>li{padding: 5px;white-space:nowrap;}
.corner-nav ul a{display:block;}
.corner-nav ul .left{position:relative;}
.corner-nav ul .right{float:right;padding-left:10px;}
.corner-nav ul span.new-hires{font-size:initial;background-color:#f9b932;border-radius:4px;padding:4px 8px;}


/* goal colors */
.goalRed { background-color: rgba(187,35,35,0.2) !important; }
.goalYellow { background-color: rgba(255,255,0,0.5) !important; }


/* Shared (in style.css && popover.css) */
input.button, button.button, a.button {display: inline-block;background-color: rgba(0,0,0,.1);border-radius: .2em; border:1px solid #CCC; color: #333;padding: .5em 1.1em; text-decoration:none; font-size:12px;}
input.button:hover, button.button:hover, a.button:hover {background-color: rgba(0,0,0,.2);color: #000;text-decoration: none; border-color:#AAA;}
input.button, button.button, a.button { cursor:pointer; }
input.button.bulky, button.button.bulky, a.button.bulky { padding: .3em .7em; font-size:1.1em; }

.colorfulButton {margin: 1em auto; display: inline-block; border-radius: .25rem; color: #000; border: none; padding: .75em 1em; font-size: 1.125rem; line-height: 1; clear: both; background-color: #f9b932; -webkit-appearance: none;}
.colorfulButton:hover {background-color: #1a333b; color: #fff;}
.colorfulButton.grey { background-color: #ccc }
.colorfulButton.grey:hover { background-color: #1a333b; color: #fff; }
.colorfulButton.red { background-color: #a00000 }
.colorfulButton.red:hover { background-color: #1a333b; color: #fff; }
.colorfulButton.green { background-color: #336631 }
.colorfulButton.green:hover { background-color: #1a333b; color: #fff; }
.colorfulButton.tiny { margin: 0.5em auto; padding:0.7em; font-size: 0.9rem;  }

.cleanTable{border-collapse: collapse;empty-cells: show;}
.cleanTable tr>*{padding: .2rem .5rem;}
.cleanTable thead{background-color: #e8eaeb}
.cleanTable thead{border-top: 1px solid rgba(0, 0, 0, 0.2);}
.cleanTable thead,.cleanTable tbody{border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.cleanTable tbody tr>* {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.cleanTable tbody tr table td {border-top: initial;}
.cleanTable tbody tr:first-child > * {border-top: 0}
.cleanTable th{text-align: left}
.cleanTable tr>*:first-child:not([colspan]){font-weight: 400}
.cleanTable tr td { vertical-align:top; }
.cleanTable.zebra tbody tr:nth-child(even) { background-color: #F5F5F5; }
.cleanTable tr th { font-weight: 400; }

.cleanTable.rowHover tbody tr:hover, .cleanTable.rowHover tbody tr:hover td { background-color: #ffff99 !important; }


.cleanTable.darkMode th {background-color: #1a333b}
.cleanTable.darkMode th {text-align:left; color:#fff; }
.cleanTable.darkMode th a { color:#fff; text-decoration: underline; }
.cleanTable.darkMode th a:hover { color:#fff; text-decoration: none; }

.cleanTable.dangerMode th {background-color: #cc4444}
.cleanTable.dangerMode th {text-align:left; color:#fff; }
.cleanTable.dangerMode th a { color:#fff; text-decoration: underline; }
.cleanTable.dangerMode th a:hover { color:#fff; text-decoration: none; }
.cleanTable.dangerMode thead {border-top: none; border-bottom: none;}


.cleanTable.quietLines tbody {border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05);}
.cleanTable.quietLines tbody tr td:first-of-type { padding-left:0; }
.cleanTable.quietLines tbody tr td:last-of-type { padding-right:0; }
.cleanTable.quietLines th:first-of-type { padding-left:0; }
.cleanTable.quietLines th:last-of-type { padding-right:0; }


.cleanTable.editTable tr td:first-of-type { white-space:nowrap; width:1%; }

.alert-success, .alert-info, .alert-warning, .alert-danger {border-radius: 4px; position: relative; margin-bottom: 0.5em; padding: 0.75em 1.25em 0.75em 3em; border: 1px solid transparent;}
.alert-success:before, .alert-info:before, .alert-warning:before, .alert-danger:before {font-family: FontAwesome; position: absolute; top:0.35em; left: 0.65em; display: inline-block; font-size: 1.5em; margin-right: 0.5em; vertical-align: baseline;}
.alert-success a, .alert-warning a, .alert-info a, .alert-danger a { text-decoration:underline; }
.alert-success a:hover, .alert-warning a:hover, .alert-info a:hover, .alert-danger a:hover { text-decoration:none; }
.alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d;}
.alert-success a, .alert-success a:hover {color: #3c763d;}
.alert-success:before {content: "\f058";}
.alert-info {background-color: #d9edf7; border-color: #d3e7f1; color: #06528e;}
.alert-info a, .alert-info a:hover {color: #06528e;}
.alert-info:before {content: "\f0a1";}
.alert-warning {background-color: #fcf8e3; border-color: #faebcc; color: #e97600;}
.alert-warning a, .alert-warning a:hover {color: #e97600;}
.alert-warning:before {content: "\f06a";}
.alert-danger {background-color: #f2dede; border-color: #ebccd1; color: #DF2020;}
.alert-danger a, .alert-danger a:hover {color: #DF2020;}
.alert-danger:before {content: "\f057";}

.notify-exclamation:before{font-family:"font awesome 5 Pro";content:"\f06a";font-size:1em;font-weight: 900;color:#2FB1B6;}
.notify{background: #2FB1B6;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;color: #1a333b;display: inline-block;font-weight: 900;line-height: 20px;margin-right: 5px;text-align: center;width: 20px;font-size:.5em;}
.tab.on .notify{color:#f9b932 !important;}

.muted {opacity:0.5;filter:alpha(opacity=50)}
.nobr	{ white-space:nowrap; }

/* http://stackoverflow.com/a/5801570/262322*/
input[type="checkbox"] { vertical-align:-2px; }

/* datepicker */
input.datepicker{
	border: 1px solid #A9A9A9;
	width:100px;
	background: #fff url(/images/calendar.png) no-repeat 2px center;
	cursor: pointer;
	padding: 2px 3px 2px 22px;
}

a[class^="icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a.icon-add:before { content: "\f055\0000a0"; }
a.icon-remove:before { content: "\f056\0000a0"; }
a.icon-pdf:before { content: "\f1c1\0000a0"; }
a.icon-link:before { content: "\f0c1\0000a0"; }
a.icon-folder:not(.open):before { content: "\f07b\0000a0"; }
a.icon-folder.open:before { content: "\f07c\0000a0"; }
a.icon-sort:before { content: "\f0dc\0000a0"; }
a.icon-edit:before { content: "\f040\0000a0"; }
a.icon-save:before { content: "\f0c7\0000a0"; }
div.qtip-content { font-size:15px; line-height:19px; }
/* End Shared (in style.css && popover.css) */


.printOnly { display:none; }
@media print {
	.noprint { display:none !important; }
	.printOnly { display:initial !important; }
	header{position:initial;}	/* disable the position fixed, which causes Chrome to print the header on every page an oclude the content behind it */
	.mainContent{margin-top: initial;}	/* reset the top margin since the header is no longer fixed */
	ul#topNav { display:none; } /* remove top nav and troublesome svg */

	/* add some styles to improve readability when printed (for eWOWs and JHA) */
	div#tabs { display:none !important; } /* hide ewows tabs */
	table, section, .txtBox {background: none !important;}
	th, h2, h3 {background-color: #EEE !important; color:#000 !important;}
	th:first-child, h3 {color: #000 !important;}
}




:root {
                --dark-blue:#1a333b;
                --light-blue:#1881a2;
                --bright-blue:#02a0d2;
                --grey:#999999;
                --light-grey:#EEE;
                --yellow:#f9b932;
            }
            .toolkit-options {position:relative; z-index: 2; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(0,0,0,.3); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
            .toolkit-options button {font-size:1.1em; cursor: pointer; color:#fff; font-weight:400; display: inline-block; border:0; line-height: 2.5rem; padding: 0 1rem; background: var(--dark-blue)}
            .toolkit-options button:hover,
            .toolkit-options button.on {background:var(--yellow); color:var(--dark-blue)}
            .toolkit-options .project-abstracts {position: relative;}
            .toolkit-options .project-abstracts button {background:var(--light-blue); color:#fff; border-radius:2px}
            .toolkit-options .project-abstracts button:after {content: "\25BE"; float:right; margin-left: 0.5em; font-size:0.875em}
            .toolkit-options .project-abstracts button:hover,
            .toolkit-options .project-abstracts.active button {background:var(--dark-blue); color:#fff}
            .toolkit-options .project-abstracts.active button:after {transform: rotate(180deg)}
            .toolkit-options .project-abstracts .project-search {position:absolute; z-index:2; transition:ease all 200ms; top:100%; right:0; transform: translateY(-15px); opacity:0; pointer-events:none; background:#fff;padding: 20px; width: 37.5rem; border-radius: 3px; box-shadow:0 5px 10px rgba(0,0,0,0.125), 0 15px 70px rgba(0,0,0,0.25)}
            .toolkit-options .project-abstracts.active .project-search {transform:none; opacity:1; pointer-events:all;}
            .toolkit-options .project-abstracts .project-search table {width: 100%;}
            .toolkit-options .project-abstracts .project-search td {padding: 0 10px 10px 0; width:50%}
            .toolkit-options .project-abstracts .project-search td:last-child {padding: 0 0 10px 10px}
            .toolkit-options .project-abstracts .project-search td:only-child {padding: 10px 0}
            .toolkit-options .project-abstracts .project-search td input,
            .toolkit-options .project-abstracts .project-search td select {width: 100%; border-radius:2px; outline:none; border: 1px solid var(--grey); background:var(--light-grey); height:1.875rem; padding: 0 0.5em; margin-top:5px}
            .toolkit-options .project-abstracts .project-search td input[type=submit] {height: 40px; cursor:pointer; border:0; outline:none; border-radius: 3px; font-size:1rem; background: var(--yellow); color:var(--dark-blue)}
            .toolkit-options .project-abstracts .project-search td input[type=submit]:focus,
            .toolkit-options .project-abstracts .project-search td input[type=submit]:hover {color: var(--yellow); border:0; outline:none; background:var(--dark-blue)}
            .abstract-search-results {margin-bottom:40px;}
            .abstract-search-results h2 {margin-bottom:10px; font-size:1.125rem; font-weight:600;}
            .file-flex-list {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
            .file-flex-list .column {width:calc(20% - 16px); margin:0 20px 20px 0; border-radius: 3px; overflow:hidden}
            .file-flex-list .column:nth-child(5n+5) {margin-right:0}
            .file-flex-list .column button {cursor:pointer; font-weight:400; font-size:1rem; line-height: 1.25em; width:100%; text-align:left; display: block; padding: 10px 20px 10px 15px; background: var(--light-grey); color:var(--dark-blue); border:0; border-radius: 2px}
            .file-flex-list .column button:before {content: "\002b";margin-left: 0.5em;float:right}
            .file-flex-list .column button:hover,
            .file-flex-list .column button.on {background:var(--light-blue); color:#fff}
            .file-flex-list .column button.on:before {content:"\2212"}
            .file-flex-list .column .row {display: none; padding:10px; background:var(--light-grey);}
            .file-flex-list .column .row + .row {margin-top: 2px}
            .file-flex-list .column .row button {font-size:0.875rem}
            .file-flex-list .column .row a {font-weight:300; color:var(--dark-blue); position:relative; display:block; padding: 11px 0 11px 29px; line-height:1.25em;}
            .file-flex-list .column .row a:hover {color:var(--light-blue);}
            .file-flex-list .column .row a i {color: var(--light-blue); font-weight:400; position: absolute; left: 0; top: 13px; width: 27px; text-align: center;}
            .file-flex-list .column .row a:hover i {color:var(--bright-blue);}
            .file-flex-list .column .row a + a {border-top: 1px dashed #c4c4c4}
            @media screen and (max-width:1500px) {
                .file-flex-list .column,
                .file-flex-list .column:nth-child(5n+5) {width:calc(25% - 15px); margin:0 20px 20px 0;}
                .file-flex-list .column:nth-child(4n+4) {margin-right:0}
            }
            @media screen and (max-width:1230px) {
                .file-flex-list .column,
                .file-flex-list .column:nth-child(5n+5),
                .file-flex-list .column:nth-child(4n+4) {width:calc(33% - 10px); margin: 0 20px 20px 0}
                .file-flex-list .column:nth-child(3n+3) {margin-right:0}
            }
            @media screen and (max-width:1000px) {
                .file-flex-list .column,
                .file-flex-list .column:nth-child(5n+5),
                .file-flex-list .column:nth-child(4n+4),
                .file-flex-list .column:nth-child(3n+3) {width:calc(50% - 10px); margin: 0 0 20px}
                .file-flex-list .column:nth-child(even) {margin-left: 20px}
            }