body {
	background:#eee;
	margin:0;
	padding:0;
	border:0;
}
p, a, h1, h2, h3, h4, h5, span, ul, li, button, body, div {
	font-family: verdana;
}
p {
	font-size:0.875em;
	line-height:1.8;
}
h1 {
	font-size:2.5em;
	line-height: 1;
	font-weight:500;
	margin-top:37px;
	margin-bottom:0px;
}
h2, .span-title {
	font-size:1.250em;
	line-height:1;
	font-weight:500;
	margin-top:8px;
}
h3 {
	font-size:1.125em;
	line-height:0.5;
	font-weight:500;
	margin-top:8px;
}
button, .button {
	border-radius: 0;
	padding:5px 12px;
	background: #6c9eff;
	border:0;
	color:#fff;
	font-size:1em;
	cursor:pointer;
	position:relative;
	display:inline-block;
}
button:active, .button:active {
	background:#397cff;
	color:#fff;
}
button.delete, .button.delete {
	background: #d77674;
}
button.delete:active, .button.delete:active {
	background:#cc4e4c;
}
button.minor, .button.minor {
	background: #777;
}
button.minor:active, .button.minor:active {
	background:#999;
}



/* structural elements */

.page-wrap {
	background:#fff;
	padding:60px 0px;
	min-width:760px;
}
.wrapper {
	margin:20px;
}
.half-page {
	min-width:720px;
}
.half-page .wrapper {
	width:50%;
	margin:0;
	padding:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}
.half-page .wrapper > * {
	min-width:100px;
}
.full-width {
	min-width: 720px;
}
/*
.half-page .report-list {
	min-height: auto;
	max-height:640px;
}
*/
a.close {
	cursor:pointer;
	float:right;
	position:absolute;
	top:11px;
	right:11px;
}
.wrapper > h2 {
	margin-top:50px;
}
.blank-page-wrap {
	background:#fff;
	height:100vh;
	width:100%;
	margin-top:-20px;
}
.blank-box {
	width:400px;
	margin: 100px auto;
	background-color:#fff;
	padding:20px;
	position:relative;
}
.edit-box .blank-box {
	margin: 0 auto;
}
.edit-box .blank-box button, .half-page-box button, .half-page-box .button, .wide {
	width:100%;
	padding:10px 12px;
	float:none;
	margin:0;
}
.edit-box .blank-box .add-photo {
	background:#bbb;
	margin-bottom:10px;
}
.edit-box .blank-box .add-photo:active {
	background:#999;
}
.edit-box .blank-box .add-photo:before {
	content:url("/assets/img/add-image.png");
	vertical-align:-20%;
	margin-right:10px;
}
input, textarea {
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:2px solid #bbb;
	font-family:"Roboto", sans-serif;
	font-size:1em;
	margin-bottom:10px;
	padding:10px;
	max-width:100%;
	min-width:100%;
}
.blank-box > button, .blank-box > .button {
	float:right;
	margin-left:10px;
}
.span-title {
	line-height: 1.6;
}
.half-page-box {
	width:100%;
	border:1px solid #bbb;
	box-sizing:border-box;
	padding:20px;
	margin-bottom:20px;
}
.half-page-box img {
	width:100%;
}
.standard {
	border:1px solid #bbb;
	padding-top:50px;
	padding-bottom:50px;
}






/* menu */


.menu-bar {
	background-color:#555;
	height:60px;
	width:100%;
	min-width:720px;
	position:fixed;
	top:0;
	z-index:2;
}
.menu-bar a {
	width:20%;
	float:left;
	text-align:center;
	height:60px;
	padding-top:18px;
	color:#fff;
	font-size:1em;
	text-decoration:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.selected {
	background-color:#666;
}
.menu-bar a:hover {
	background-color:#777;
	color:#ffd200;
}




/* main info section at top */


.main-info {
	width:100%;
	min-width:720px;
	display:table;
	position:relative;
}
.main-info .left-info {
	float:left;
}
.main-info button {
	float:right;
	margin-left:10px;
}
.main-info .welcome-msg {
	position:absolute;
	right:95px;
	margin-top:6px;
}
.main-info h1 {
	font-size:1.5em;
	margin-left:34px;
}




/* nav section */

.nav-bar {
	margin-top:-20px;
	border-bottom: 2px solid #ffd200;
	width:100%;
	min-width:720px;
}
.nav-bar button {
	margin:-8px 18px 10px 0px;
	float:left;
}
.clearfix {
	clear:both;
}
.breadcrumbs {
	list-style:none;
	height:16px;
	margin-left:0;
	margin-top:26px;
	margin-bottom:20px;
	padding-left:0;

}
.breadcrumbs > * {
	float:left;
	font-size:0.750em;
	color:#bbb;
}
.breadcrumbs > * a {
	text-decoration:none;
	color:#bbb;
}
.breadcrumbs > * a:hover {
	text-decoration:underline;
}
.breadcrumbs > *:first-child::before {
	content:none;
}
.breadcrumbs > *::before {
	content:">";
	margin:0 0.5em;
}




/* Message Box */

.message-box {
	width:100%;
	min-width:720px;
	padding:10px;
	background-color:#ffd200;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.message-box p {
	margin:0;
}



/* table */

.table-row:not(.top-table-row) {
	width:100%;
	min-width:720px;
	display:table;
}
.top-table-row {
	width:100%;
	display:table;
}
.table-head {
	background:#bbb;
	border-bottom:3px solid #fff;
}
.table-sect {
	border:1px solid #fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding: 10px;
	display:table-cell;
	position:relative;
	vertical-align:middle;
}
.ts05 {width:5%;}
.ts07 {width:7%;}
.ts10 {width:10%;}
.ts20 {width:20%;}
.ts25 {width:25%;}
.ts33 {width:33.3333%;}
.ts45 {width:45%;}
.ts54 {width:54%;}
.tS65 {width:65%;}
.ts100 {width:100%;}
.table-sect p {
	margin:0px 0px;
}
.table-head .table-sect {
	color:#fff;
	height:60px;
	padding-top:10px;
}
.table-light {
	background-color:#f8f8f8;
}
.table-dark {
	background-color:#eee;
}
.cross {
	display:block;
	margin: -1px auto -8px;
}
.draft-report {
	width:100%;
	min-width:720px;
}
.draft-report .message-box {
	margin-top:10px;
}
.draft-report .table-head {
	margin-top:10px;
}
.draft-report > h2 {
	margin-top:50px;
}
.table-nav {
	border:1px solid #bbb;
	position:relative;
	min-width:720px;
}
.table-nav .breadcrumbs {
	display:inline-block;
	height:auto;
	margin:0;
	padding:16px 0px 14px 20px;
}
.table-nav .breadcrumbs > * {
	font-size:1.250em;
}
.table-nav .breadcrumbs > * a {
	color:#000;
}
.table-nav-btns {
	border-left:1px solid #bbb;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:100%;
	padding-left:20px;
	padding-top:12px;
	position:absolute;
	right:20px;
	top:0;
}
.table-nav-btns span {
	color:#bbb;
	font-weight:200;
}
.table-nav-btns button, .table-nav-btns .button {
	background:none;
	color:#bbb;
	font-size:1em;
	font-weight:200;
	text-decoration: underline;
}
.table-sect button, .table-sect .button {
	position:absolute;
	right:20px;
	bottom:16px;
}
button.second-button, .button.second-button {
	bottom:56px;
}
.table-nav p {
	font-size:1.250em;
	margin:0;
	padding:11px 0px 11px 20px;
}
.profile-pics {
	padding:0;
	margin:0;
	display:inline-block;
	vertical-align:top;
}
.profile-pics li {
	display:inline-block;
	vertical-align:top;
	max-width:77px;
	margin-right:10px;
}
.profile-pics li img {
	border: 1px solid #bbb;
	vertical-align:top;
	height:75px;
}
.profile-pics li p {
	font-size:0.750em;
	text-align:center;
}
.profile-pics li > * {
	margin:0 auto;
}
.top-table {
	width:33.3333%;
	float:right;
	margin-bottom:-30px;
}
.top-table .button, .top-table button {
	bottom:12px;
	right:12px;
}
.top-table .button:before, .top-table button:before {
	content:url('/assets/img/edit.png');
	margin-right:10px;
}
.top-table .profile-pics {
	position:absolute;
	top:14px;
	right:4px;
}
.progress {
	background:#fff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:4px;
	border:1px solid #ddd;
	margin-top:16px;
}
.progress > div {
	background:#6c9eff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	color:#fff;
	text-align:center;
}
.progress .p-0, .progress .p-00 {width:100% !important;color:#000 !important;background-color:#fff !important;}
.progress .p-10 { width:10%;}
.progress .p-20 { width:20%;}
.progress .p-30 { width:30%;}
.progress .p-40 { width:40%;}
.progress .p-50 { width:50%;}
.progress .p-60 { width:60%;}
.progress .p-70 { width:70%;}
.progress .p-80 { width:80%;}
.progress .p-90 { width:90%;}
.progress .p-100 { width:100%;}
.progress > .p-0:after, .progress > .p-00:after {content:"0%";}
.progress > .p-10:after {content:"10%";}
.progress > .p-20:after {content:"20%";}
.progress > .p-30:after {content:"30%";}
.progress > .p-40:after {content:"40%";}
.progress > .p-50:after {content:"50%";}
.progress > .p-60:after {content:"60%";}
.progress > .p-70:after {content:"70%";}
.progress > .p-80:after {content:"80%";}
.progress > .p-90:after {content:"90%";}
.progress > .p-100:after {content:"100%";}
.search, .search .table-sect, .vers2, .vers2 .table-sect {
	border:none;
}





/* report view */
.report {
	display:table;
	width:100%;
	min-width:720px;
}
.report h1 {
	margin-top: 16px;
}
.report-column-left {
	display:table-cell;
	width:40%;
}
.report-column-left p {
	line-height:1.2;
}
.report-column-right {
	display:table-cell;
	width:60%;
}
.report .report-list {
	min-height:640px;
}
.report-list {
	border:1px solid #bbb;
	box-sizing:border-box;
	overflow-y:scroll;
}
.report-list a {
	text-decoration: none;
	color:#000;
}
.report-list a .list-item {
	background-image: url('/assets/img/arrow-light.png');
	background-repeat: no-repeat;
	background-position: 98% 50%;
	display:block;
}
.report-list a:hover .list-item {
	background-image: url('/assets/img/arrow.png');
}
.edittable a .list-item {
	background-image: url('/assets/img/pencil-light.png');
}
.edittable a:hover .list-item {
	background-image: url('/assets/img/pencil.png');
}
.list-item {
	width:100%;
	padding:15px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.list-light {
	background-color:#f8f8f8;
}
.list-dark {
	background-color:#eee;
}
.rep-lrg {
	font-size:1.250em;
}
.report-list h2 {
	line-height:1;
}
.report-list p {
	line-height: 0.5;
}
.report-nav {
	border-bottom:none;
}
.report-nav .breadcrumbs > * {
	font-size:1.125em;
}
.report-view .table-head {
	margin-top:-20px;
}
.report-view .table-head .table-sect {
	border:0;
	text-align:center;
}
.report-list > .list-item:not(:last-child) {
	border-bottom:1px solid #bbb;
}
.list-item label:after {
	content:":";
	margin-left:4px;
}
div.list-item p {
	line-height:1.5;
	margin-bottom:4px;
}





/* modal */

#overlay {
	visibility:hidden;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	z-index:1000;
	background-color:rgba(0,0,0,0.5);
}
#overlay div:not(.bg-click) {
	width:400px;
	margin: 100px auto;
	background-color:#fff;
	padding:20px;
	position:relative;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.30);
}
#overlay input {
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:2px solid #bbb;
	font-family:"Roboto", sans-serif;
	font-size:1em;
	margin-bottom:10px;
	padding:10px;
}
.bg-click {
	height:100vh;
	position:fixed;
	width:100%;
}




/* PDF Viewer */

.pdf-bar {
	background:#fff;
	border-bottom:1px solid #bbb;
	width:100%;
	min-width:720px;
}
.pdf-bar button, .pdf-bar .button {
	position:absolute;
	right:20px;
	top:70px;
}
.pdf-bar p {
	margin-left:20px;
	margin-right: 200px;
}
.pdf-box {
	width:70vw;
	margin:0 auto;
}
.pdf-box img {
	width:100%;
}




/* footer */
.footer {
	background-color:#eee;
	height:100px;
}
.footer p {
	color:#bbb;
	text-align:center;
}