/* inspection form specific CSS and overrides */

body {
	background-color:#F5F5F5;
}

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

h1,h2,h3,h4,h5,h6 {
	color:#1a5b67;
}
h1 {
	font-weight:700;
}
p,a,span {
    
}

a, a.nav-link {
	color: #1a5b67;
}
a:hover, a:active, a:focus {
	color:#87c542;
}

a.nav-link.active {
	font-weight:bold;
}

.hidden {
	display: none;
}

.offcanvas-start {
	width:300px;
}
.offcanvas .nav-link {
	padding-left:0px;
}
.offcanvas .nav-link i.fas {
	font-size:1.3rem;
	margin-right:10px;
}
.offcanvas-body .nav i.fas {
	font-size:1.4rem;
	color: #1a5b67;
}

.navbar {
	border-bottom: 2px solid #87c542;
}
.navbar .nav-link.active {
	font-weight:bold;
}
.navbar-light .navbar-toggler {
	border:none;
	font-size:20px;
}
.navbar-toggler:focus {
	box-shadow:none;
}
#form_content .row h2 {
	border-top:1px solid #1a5b67;
	padding-top:5px;
}

#form_title {
	font-weight:bold;
}

#loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(16, 16, 16, 0.5);
	z-index:99;
	display:none;
}
.loading-icon {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 80px;
}
.spinner-border {
	color: #87c542; font-size:1.5rem; width: 80px; height: 80px;
}

.required {
  color: #c02b0a;
  display: inline-block;
  font-size: 18px;
  padding-left: .125em;
}
.required-text {
	font-size:14px;
}

.section_title {
  border-bottom: 1px solid #87c542;
  padding-bottom:5px;
  margin: 0px 0px 5px;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 15px 0 15px;
}

.row {
	/*margin-bottom:15px;*/

}

body.inspection-form {
	padding-top:5.5rem;
}

.form-label {
	font-weight:bold;
}
.form-control:focus {
	/*border-color: #87c542;*/
	/*box-shadow: 0 0 0 .25rem rgba(135, 197, 66, 0.25);*/
}
legend {
	font-size:1rem;
	font-weight:bold;
}
.form-check-input {
	transform:scale(1.1);
}

.hhcnz-home-buttons i.fas {
	font-size:2.5rem;
	color: #87c542;
	vertical-align: middle;
}
.hhcnz-home-buttons .btn {
	background-color: #eee;
	border-color: #999;
	color: #1a5b67;
}
.hhcnz-home-buttons .btn:hover, .hhcnz-home-buttons .btn:active, .hhcnz-home-buttons .btn:focus {
	background-color:#ccc;
}

.btn-hhcnz {
	color: #FFF;
	background-color:#87c542;
	border-color: #87c542;
}
.btn-hhcnz:hover, .btn-hhcnz:focus, .btn-hhcnz:active {
	background-color: #87c542;
	border-color: #87c542;
	color: #1a5b67;
}
.btn-hhcnz:disabled {
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-hhcnz-dark {
	color: #FFF;
	background-color:#1a5b67;
	border-color: #1a5b67;
}
.btn-hhcnz-dark:hover, .btn-hhcnz-dark:focus, .btn-hhcnz-dark:active {
	background-color: #1a5b67;
	border-color: #1a5b67;
	color: #87c542;
}

.btn-delete {
	background-color: red;
	color: #fff;
}

table.table i.fas {
	font-size:1.7rem;
	/*padding:5px;*/
}
table.table a.fa-file-pdf, table.table a.fa-file-lines {
	font-size:2.0rem;
}
table.table {
	/*font-size: calc(0.7rem + 0.4vw);*/
}
#inspections-drafts tr:hover {
	/*cursor: pointer;*/
}

#inspections-completed i.fas, #inspections-completed a.fas {
	font-size:1.8rem;
}
.inspection-completed-edit i.fas {
	color:#87c542;
}
.pdf_key {
	font-style: italic;
}
.pdf_key i.fas {
	font-size:24px;
}

#percent {
	font-size:18px;
}

#gf-message {
	text-align: center;
	font-style: italic;
	color:red;
	margin-bottom:10px;
}

/******** COLOURS ********/

.green { color:#87c542;}
.blue { color:#1a5b67;}
.red { color:#cc0000;}

.pagination > .active > a
{
	color: white !important;
	background-color: #87c542 !important;
	border-color: #87c542 !important;
}
.pagination > li > a {
	color:#1a5b67 !important;
}


/******* MOBILE *******/

@media only screen and (max-width: 800px) {
  body {
    /*background-color: #87c542;*/
  }

	.dataTables_filter input[type="search"] {
		width:140px !important;
	}

	table.measurement input.measurementTotal {
		width:70px;
	}

	.navbar {
		padding-top:3px;
		padding-bottom:3px;
	}
}



/********** FILE POND - file uploads ************/

.filepond--file-info-main {
	display:none;
}
.filepond--file-info-sub {
	/*display:none;*/
}
.filepond--drip {
	border: 1px solid #ced4da;
	opacity: initial !important;
}
.filepond--root {
	margin-bottom:0px !important;
}
.filepond--label-action {
	text-decoration: none !important;
}
.filepond--label-action i.fas {
	font-size:1.5rem;
	color:#87c542;
}