/* some style */

html {
	font-family: 'Roboto', sans-serif;
}

.content {
	margin: 5%;
}

h2,h3,h4 {
	font-weight: 400;
}

.left { text-align: left; }
.right { text-align: right; }

p {
	font-weight: 300;
}

.tips {
	font-style: italic;
	font-size: 14px;
	margin-top: -10px;

}

.formcontrol {
	padding-left: 1%;
	width: 85%;
}

.spacer {
	padding-top: 3%;
}

.spacer-small {
	padding-top: 1%;
}

.spacer-medium {
	padding-top: 2%;
}

.chip-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.header {
	font-weight: 400;
	font-size: 1.5em;
}

div#signature-wrapper {
	margin: auto;
	width: 100%;
}

canvas#signature-pad {
	border: solid 1px black;
}

/* #app-bar { */
/* 	background-color: #113D60 */
/* } */

.background-primary {
	background-color: primary
}


.launcher {
	float: left;
	width: 45%;
	padding: 20px;
	cursor: pointer;
	text-align: center;
}

/* Toolbox Report section */
#report {
	border: solid 1px black;
	margin:auto;
	text-align:center;
	width: 60%;
	margin-top: 20px;
	padding: 10px;
}

#report #header h1 {
	text-transform: uppercase;
	font-style: italic;
}


#pdf #report {
	width: 95%;
	height: 1055px;
	margin-top: 0;
	position: relative;
}

#pdf #report #footer {
	page-break-inside: avoid !important;
	/* position: absolute; */
	/* bottom: 10px; */
	/* width: 97%; */
}

#pdf #report #site, #pdf #report #date {
	padding-top: 20px;
	height: 40px;
}

#report .attendees {
	float:left;
	width: 50%;
	margin-bottom: 20px;
}

#report td {
	padding: 5px;
}

#report table, #report td {
	border: 1px solid black;
}

#report .workers {
	width: 100%;
	text-align: left;
}

#report .no-left-border {
	border-left: none;
}

/* .workers th { */
/* 	height: 50px; */
/* } */

#report th {
	text-align:center;
	height: 50px;
}

#report #date, #report #site {
	text-align:left;
	height: 50px;
	padding-left: 10px;
	display: flex;
	align-items: center;
}

#report td.row {
	width: 20px;
}

#report td.laborer {
	text-transform: capitalize;
}

.upper { text-transform: uppercase; }

#report #topics-header {
	text-align:center;
	font-size: large;
	margin-bottom: 20px
}

#report #topics {
	width: 100%;
	text-align:left;
	clear:both;
	margin-top: 20px;
	page-break-inside: avoid !important;
}

#report #topics .instruction {
	font-size: 14px;
}

#report #topics table {
	width: 100%;
}

#report table {
	border-collapse: collapse;
}


#report #footer {
	margin-top: 20px
}

#report #footer table {
	width: 100%;
	text-align: left;
}

#report #footer table .label {
	width: 30%;
	font-weight: bold;
}

#pdf #report #footer table .label {
	width: 40%;
}

#report #command {
	clear: both;
	text-align: right;
	padding-top: 10px;
}

#report .signature {

	height: 40px;
	width: 160px;
}

#report td.signature {
	min-width: 160px;
}

#pdf #report td.signature {
	min-width: 150px;
}


/* login section */

.centered {
	/* height: 100%; */
	/* padding: 0; */
	/* margin: 0; */
	/* display: -webkit-box; */
    /* display: -moz-box; */
    /* display: -ms-flexbox; */
    /* display: -webkit-flex; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90vh;
	flex-direction: column;
}

#launcher-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80vh;
}

#login {
	width: 30vw;
	padding: 20px;
}

#login-header {
	background-color: #00BCD4;
	width: 30vw;
	padding: 20px;
	height: 10vh;
}

#login-header h2 {
	color: white;
	font-style: italic;
	text-transform: uppercase;
}

#site-picker {
	width: 30vw;
	padding: 20px;
}

#site-picker-header {
	background-color: #00BCD4;
	width: 30vw;
	padding: 20px;
	height: 5vh;
}

#site-picker-header h3 {
	color: white;
}

#settings {
	width: 40vw;
	padding: 20px;
}

#settings-header {
	background-color: #00BCD4;
	width: 40vw;
	padding: 20px;
	height: 5vh;
}

#settings-header h3 {
	color: white;
}

#login-header h3 {
	color: white;
	padding-top: 0;
}

#login-command {
	text-align:right;
	padding:10px;
}

#site-picker-command {
	text-align:right;
	padding:10px;
}

#settings-command {
	width: 40vw;
	text-align:right;
	padding:10px;
}

#report h2 {
	margin: 5px;
}

#report .flra {
	width: 100%;
}

/* FLRA Report section */
#flra-report {
	border: solid 1px black;
	margin:auto;
	text-align:center;
	width: 95%;
	margin-top: 20px;
	padding: 10px;
}

#pdf #flra-report {
	margin-top: 0;
	font-size: 14px;
	height: 700px;
	border-bottom: none;
}

#flra-report #header h1 {
	text-transform: uppercase;
	font-style: italic;
}

#flra-report #datesite {
	text-align: center;
}

#pdf #flra-report #datesite {
	margin-bottom: 20px;
}

#flra-report #site {
	margin-left: 30px;
}

#flra-report .main {
	/* border: solid 1px black; */
	width: 100%;
}

/* #flra-report .main td { */
/* 	border: solid 1px black; */
/* } */

#flra-report .main td {
	border-bottom: solid 1px black;
}

#flra-report .main th {
	/* background-color: #84FFFF;/\* #00BCD4; *\/ */
	/* background-color: #00bcd4;/\* #80DEEA; *\/ */
	background-color: #E0E0E0;
	height: 50px;
}

#flra-report table {
	border-collapse: collapse;
}

#flra-report td, #flra-report th {
	padding: 10px;
}

#flra-report .signature {
	/* height: 60px; */
	/* width: 240px; */
	height: 40px;
	width: 160px;
	border: none;
}

#pdf #flra-report .signature {
	height: 40px;
	width: 160px;
	border: none;
}

#flra-report .task {
	/* text-transform: lowercase; */
}

#flra-report .task-container {
	/* width: 250px; */
}

#flra-report .attendee {
	/* width: 500px; */
}

#flra-report .hazard-container {
	text-align: left;
	min-width: 200px;
	/* width: 550px; */
}

#flra-report .laborer {
	min-width: 200px;
}

#flra-report .task-container {
	width: 200px;
}

#flra-report .hazard {
	font-size: small;
	text-transform: capitalize;
	text-align: left;
}

#flra-report .see-above {
	text-align: left;
	font-style: italic;
	font-size: small;
}

#pdf #flra-report .hazard {
	font-size: 12px;
}

/* #flra-report .sigedit { */
/* 	width: 2px; */
/* } */

/* #pdf #flra-report .attendee { */
/* 	width: 50px; */
/* } */

#flra-report #command {
	clear: both;
	text-align: right;
	padding-top: 10px;
}


/* #pdf #flra-report { */
/* 	width: 95%; */
/* 	height: 1050px; */
/* 	margin-top: 0; */
/* 	position: relative; */
/* } */

/* #pdf #footer { */
/* 	position: absolute; */
/* 	bottom: 10px; */
/* 	width: 97%; */
/* } */

/* #pdf #site, #pdf #date { */
/* 	padding-top: 20px; */
/* 	height: 40px; */
/* } */

/* .attendees { */
/* 	float:left; */
/* 	width: 50%; */
/* 	margin-bottom: 20px; */
/* } */

/* #launcher-container { */
/* 	margin: auto; */
/* 	width: 100%; */
/* 	text-align:center; */
/* } */

/* .launcher { */
/* 	float: left; */
/* 	width: 45%; */
/* 	padding: 20px; */
/* 	cursor: pointer; */
/* } */

/* #report td { */
/* 	padding: 5px; */
/* } */

/* #report table, #report td { */
/* 	border: 1px solid black; */
/* } */

/* .workers { */
/* 	width: 100%; */
/* 	text-align: left; */
/* } */

/* .no-left-border { */
/* 	border-left: none; */
/* } */

/* #report th { */
/* 	text-align:center; */
/* 	height: 50px; */
/* } */

/* #date, #site { */
/* 	text-align:left; */
/* 	height: 50px; */
/* 	padding-left: 10px; */
/* 	display: flex; */
/* 	align-items: center; */
/* } */

/* #report td.row { */
/* 	width: 20px; */
/* } */

/* #report td.laborer { */
/* 	text-transform: capitalize; */
/* } */

/* #topics-header { */
/* 	text-align:center; */
/* 	font-size: large; */
/* 	margin-bottom: 20px */
/* } */

/* #topics { */
/* 	width: 100%; */
/* 	text-align:left; */
/* 	clear:both; */
/* 	margin-top: 20px; */
/* } */

/* #topics .instruction { */
/* 	font-size: 14px; */
/* } */

/* #topics table { */
/* 	width: 100%; */
/* } */

/* #report table { */
/* 	border-collapse: collapse; */
/* } */


/* #footer { */
/* 	margin-top: 20px */
/* } */

/* #footer table { */
/* 	width: 100%; */
/* 	text-align: left; */
/* } */

/* #footer table .label { */
/* 	width: 30%; */
/* 	font-weight: bold; */
/* } */

/* #pdf #footer table .label { */
/* 	width: 40%; */
/* } */

/* #report #command { */
/* 	text-align: right; */
/* } */

/* #report .signature { */

/* 	height: 40px; */
/* 	width: 160px; */
/* } */

/* #report td.signature { */
/* 	min-width: 160px; */
/* } */

/* #pdf #report td.signature { */
/* 	min-width: 150px; */
/* } */

/* #report h2 { */
/* 	margin: 5px; */
/* } */

.no-page-break {
	page-break-inside: avoid !important;
}

.new-page {
    page-break-before: always;
}

#pdf #new-probation-page {
    page-break-before: always;
    padding-top: 20px;
}

/* Toolbox Report section */
#probation-report {
	border: solid 1px black;
	margin:auto;
	text-align:center;
	width: 60%;
	margin-top: 20px;
	padding: 10px;
}

#probation-report #header h1 {
	text-transform: uppercase;
	font-style: italic;
}


#pdf #probation-report {
	width: 95%;
	height: 1055px;
	margin-top: 0;
	position: relative;
	border: none;
}

#pdf #probation-report #footer {
	page-break-inside: avoid !important;
	/* position: absolute; */
	/* bottom: 10px; */
	/* width: 97%; */
}

#probation-report .subheader {
	background-color: black;
	color: white;
	font-weight: bold;
	height: 1.5em;
	padding-top: 0.1em;
	font-size: 1.1em;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
}

#probation-report .clickable {
	cursor: pointer;
	text-decoration: underline;
}

#probation-report table.form-wrapper {
	width: 100%;
}

#probation-report table.form-wrapper td {
	vertical-align: top;
	text-align: left;
}

#probation-report table.form-wrapper td.label {
	font-weight: 500;
	padding-right: 2em;
}

#probation-report table.form-wrapper td.padtop {
	padding-top: 1.5em;
}

#probation-report td.value {
}

#probation-report .large-space {
	height: 8em;
}

#probation-report .eval-key {
	font-style: italic;
	padding-top: 0.1em;
}

.italic {
	font-style: italic;
}

.padtop {
	padding-top: 20px;
}

.padtop-large {
	padding-top: 10em;
}

#probation-report table#evaluation {
	width: 100%;
	cellspacing: 0;
}

#probation-report table#evaluation .eval-key {
	width: 40%;
	text-align: left;
	font-weight: 500;
	text-transform: capitalize;
	font-style: normal;
}

#probation-report table#evaluation td.eval-header {
	border-bottom: 1px solid black;
}

#probation-report table#evaluation td.highlight {
	background-color: silver;
}

#probation-report table#signatures {
	width: 100%;
	cellspacing: 0;
}

#probation-report table#signatures td {
	padding: 1em;
	font-style: italic;
	text-align: left;
	vertical-align: bottom;
}

#probation-report table#signatures td.left {
	width: 70%
}
#probation-report table#signatures td.right {
	width: 30%
}
#probation-report table#signatures td.sig-header {
	border-top: solid 1px black;
}

.bold { font-weight: 500; }

.pdf-mark {
    font-weight: bold;
    font-size: 18px;
}

#probation-report .signature {
	width: 400px;
	height: 100px;
}


/* Injury Report section */
#injury-report {
	font-family: 'Times New Roman', serif;
	/* border: solid 1px black; */
	margin:auto;
	text-align:center;
	width: 50%;
	margin-top: 20px;
	/* padding: 2em 5em 2em 7em; */
}

#injury-report #header {
	border: solid 1px black;
}

#injury-report #header h1 {
	text-transform: uppercase;
	margin-bottom: -15px;
}

#injury-report #header h2 {
	font-size: 1.2em;
}

#injury-report .section-header {
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	border-top: dashed 1px black;
	border-bottom: dashed 1px black;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 1.0em;
	margin-top: 1.0em;
}


#pdf #injury-report {
	width: 100%;
	/* height: 1055px; */
	margin-top: 0;
	position: relative;
}

#pdf #injury-report #footer {
	page-break-inside: avoid !important;
	/* position: absolute; */
	/* bottom: 10px; */
	/* width: 97%; */
}

#injury-report .subheader {
	border: solid 1px black;
	text-transform: uppercase;
	font-weight: bold;
	height: 1.5em;
	padding-top: 0.5em;
	font-size: 1.1em;
	margin-top: 1.1em;
	margin-bottom: 2em;
}

#injury-report .clickable {
	cursor: pointer;
	text-decoration: underline;
}

#injury-report table.form-wrapper {
	width: 100%;
	border-spacing: 0.8em;
	font-size: 1.0em;
}

#injury-report table.form-wrapper td {
	vertical-align: top;
	text-align: left;
}

#injury-report table.form-wrapper td.label {
	font-weight: 500;
	padding-right: 2em;
}

#injury-report table.form-wrapper td.bold-label {
	font-weight: bold;
	padding-right: 2em;
}

#injury-report table.form-wrapper td.right-label {
	font-weight: 500;
	text-align: right;
	padding-right: 1em;
}

#injury-report table.form-wrapper td.padtop {
	padding-top: 1.5em;
}

#injury-report td.value {
	width: 20%;
	font-size: 1.1em;
}

#injury-report td.large-value {
	width: 100%;
	height: 3em;
	font-size: 1.1em;
}

#injury-report .large-space {
	height: 10em;
}

#injury-report .eval-key {
	font-style: italic;
	padding-top: 0.5em;
}

.italic {
	font-style: italic;
}

.padtop {
	padding-top: 20px;
}

.padtop-large {
	padding-top: 10em;
}

#injury-report table#evaluation {
	width: 100%;
	cellspacing: 0;
}

#injury-report table#evaluation .eval-key {
	width: 40%;
	text-align: left;
	font-weight: 500;
	text-transform: capitalize;
	font-style: normal;
}

#injury-report table#evaluation td.eval-header {
	border-bottom: 1px solid black;
}

#injury-report table#evaluation td.highlight {
	background-color: silver;
}

#injury-report table#signatures {
	width: 100%;
	cellspacing: 0;
}

#injury-report table#signatures td {
	padding: 1em;
	font-style: italic;
	text-align: left;
	vertical-align: bottom;
}

#injury-report table#signatures td.left {
	width: 70%
}
#injury-report table#signatures td.right {
	width: 30%
}
#injury-report table#signatures td.sig-header {
	border-top: solid 1px black;
}

.bold { font-weight: 500; }

#injury-report .signature {
	width: 400px;
	height: 100px;
}

#pdf #injury-report #page-2-header {
	display: block;
}

#injury-report #page-2-header {
	display: none;
}

.formlabel {
	color: rgba(0, 0, 0, 0.3);
	font-size: smaller;
	padding-top: 1em;
}

.fab {
    margin: 0px;
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: fixed;
};