/*---------Revision 1.1 Todd 23.04.2018--------------*/
/* added in import for common style sheet */
@import 'style-common-1.0.0.css';
* {
   font-size: 12px;
}
.btn {
	font-size: 12px;
}	
.accordion-toggle {
	font-size: 12px;
}	
/* 20171026 todd prevent buttons from wrapping */	
.flex.btn-toolbar {
	display:flex;
}

/* signin form */
.form-signin, #loginforgotpassword {
  max-width: 600px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="username"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"],
#loginforgotpassword input[type="email"]
 {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.footer-signin {
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 50px;
  padding-top: 55px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  background-color: #337ab7;
}
.footer #copyright, .footer-signin #copyright{
	padding-top:10px;
}
.footerenquiries {
	text-decoration: underline;
}
.footer-signin, .footer-logo {
  background-color: #337ab7;
}
/* custom navbar */
/* http://twitterbootstrap3navbars.w3masters.nl/ */
.navbar-custom {
  background-color: #337ab7;
  border-color: #0072ab;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #0072ab;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #0072ab;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #5bc0de;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #0070a8;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #0072ab;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-custom, .footer, .footer-website .copyright {
	background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
}

.btn-secondary {
	border-color: #aaa;
}

.btn-activeradio {
	min-width: 100px;	
}
.nav li a {
 	cursor: pointer;	
}
.cell-border-top-bottom {
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}

.table-striped > tbody > tr:nth-of-type(2n) {
	background-color: #efefef;	
}
/*Custom checklist button styles*/
/*.btn-checklist {
	min-height: 60px;
	min-width: 60px;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	text-shadow: 2px 2px 2px #000000;
	-webkit-box-shadow: 2px 2px 10px #666666;
	-moz-box-shadow: 2px 2px 10px #666666;
	box-shadow: 2px 2px 10px #666666;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	border: solid #7a7a2f 2px;
	text-decoration: none;
	vertical-align: top; 	
}*/
.rowstatus5 .status1, .rowstatus5 .status2, .rowstatus5 .status3, .rowstatus5 .status4  {
	background-color: #ddd !important;
	background-image: none;
	border-color: #ddd;
}
.rowstatus4 .status1, .rowstatus4 .status2, .rowstatus4 .status3, .rowstatus4 .status5  {
	background-color: #ddd !important;
	background-image: none;
	border-color: #ddd;
}
.rowstatus3 .status1, .rowstatus3 .status2, .rowstatus3 .status4, .rowstatus3 .status5  {
	background-color: #ddd !important;
	background-image: none;
	border-color: #ddd;
}
.rowstatus2 .status1, .rowstatus2 .status3, .rowstatus2 .status4, .rowstatus2 .status5  {
	background-color: #ddd !important;
	background-image: none;
	border-color: #ddd;
}
.rowstatus1 .status1, .rowstatus1 .status3, .rowstatus1 .status4, .rowstatus1 .status5  {
	background-color: #ddd !important;
	background-image: none;
	border-color: #ddd;
}
.rowstatus2 .status2 {
	background-color: #f0ad4e !important;
	background-image: none;
	border-color: #f0ad4e;
}

.rowstatus1, .rowstatus2, .rowstatus3, .rowstatus4, .rowstatus5 {
	background-color: #eee;
}
.btn-checklist-default {
	color: #fff;
  	background-color: #888;
  	border-color: #444;
	
	/*background-image: -webkit-linear-gradient(top, #7a7a05, #fae714);
	background-image: -moz-linear-gradient(top, #7a7a05, #fae714);
	background-image: -ms-linear-gradient(top, #7a7a05, #fae714);
	background-image: -o-linear-gradient(top, #7a7a05, #fae714);
	background-image: linear-gradient(to bottom, #7a7a05, #fae714);*/
}
.status1, .status2, .status3, .status4, .status5 {
	padding-left: 4px;
	padding-right: 4px;
	min-width: 64px;
	font-size: 16px;
}
.statustext {
	font-size: .5em; 
	text-align:center; 
	width:100%;
}
.btn-checklist:hover {
	text-shadow: 2px 2px 2px #FFF;
}
.btn-status1:hover {
	background: #d40000;
	text-decoration: none;
}
.btn-status2:hover {
	background: #ffa600;
	text-decoration: none;
}
.btn-status3:hover {
	background: #ccae1a;
	text-decoration: none;
}
.btn-status4:hover {
	background: #22cc19;
	text-decoration: none;
}
.btn-status5:hover {
	background: #22cc19;
	text-decoration: none;
}

.imagelink {
	cursor: pointer;	
}
/*.btn-checklist-default:hover {
	background: #c7b708;
	text-decoration: none;
}*/

textarea {
	resize: none;
	overflow-x: hidden;
	overflow-y: auto;	
}
.checklistquestionrow {
	width: 100%;
	position: relative;
	float: left;
	padding: 4px;
	border-bottom: 1px solid black;
} 
.checklistquestionrow div {
	position: relative;
	float: left;
	
}
.checklistquestion {
	font-size: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
}
.checklistphotoupload {
	
}
.checklistcomment, .checklistphotocount, .checklistreference {
	font-size: 1.5em;
}
.checklistcomment span, .checklistphotocount span, .checklistreference span {
	font-size: 1em;
	font-weight: bold;
}
.checklistviewphoto {
	
}
.checklistresponsebuttons {
	width: 100%;
	margin-top: 10px;
}
.checklistsaved {
		
}

.checklistsection, .checklistsection:hover, .checklistsection:active , .checklistsection:focus{
	color: #FFFFFF;
}


.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}


.alert, .alert strong {
	font-size:16px;
}
.ui-button-icon-only {
	width: 2.2em;
	height: 1.8em;
}
.ui-button-text-only {
	width: 2.2em;
	height: 1.8em;
}

/* change the color of the borders and background in nav-tabs */
.nav-tabs { border-color:#337ab7;}
.nav-tabs li a { border-color: #337ab7;}
/* grey color */
/*.nav-tabs li.active a {font-weight:bold; color:#245580;border-color: #337ab7;border-bottom-color: transparent;background-color:#E6E7E9;}
.nav-tabs li.active a:focus {color:#245580;outline: 0;background-color:#E6E7E9;border-color: #337ab7;border-bottom-color: transparent;}
.nav-tabs .tab-pane{ border:solid 1px #337ab7;  border-top: 0; background-color:#E6E7E9;}
*/
/* change color to info color */
.nav-tabs li.active a {font-weight:bold; color:#fff;border-color: #46b8da;border-bottom-color: transparent;background-color:#5bc0de;}
.nav-tabs li.active a:focus {color:#fff;outline: 0;background-color:#5bc0de;border-color: #46b8da;border-bottom-color: transparent;}
.nav-tabs li.active a:hover {color:#fff;outline: 0;background-color:#5bc0de;border-color: #46b8da;border-bottom-color: transparent;}
.nav-tabs .tab-pane{ border:solid 1px #46b8da;  border-top: 0; background-color:#5bc0de;}

.navbar-user {
	font-weight:bold;
	color:#fff;
	padding:15px 15px;
}

/* accordions */
/* table accordion*/
.accordiontable {
	width: 80%;
	display: inline-table;
	margin-bottom: 0px;	
}
.accordiontable > tbody > tr > td, .accordiontable > tbody > tr > th, .accordiontable > tfoot > tr > td, .accordiontable > tfoot > tr > th, .accordiontable > thead > tr > td, .accordiontable > thead > tr > th {
    padding: 0 8px;
    border-top: 0px;
    font-weight: bold;
    color: #222;
}

.table th {
	background-color: #F2F2F2;	
}

.table-primary thead > tr:first-child > th,
.table-primary tfoot > tr:first-child > th {
	background-color:#337ab7;
	color: #fff;	
}
th.table-primary {
	background-color:#337ab7;
	color: #fff;	
}
.table-primary-footer tbody > tr:last-child > th {
	background-color:#337ab7;
	color: #fff;
}

.table-primary select, .table-primary input{
	color: #222 !important;
}
.table-primary input.btn{
	color: #fff !important;
}

.table-nomargin {
	margin: 0;
}

.table-info thead > tr:first-child > th {
	background-color:#5bc0de;
	color: #fff;	
}
th.table-info {
	background-color:#5bc0de;
	color: #fff;	
}

/* accordion icon */
.panel-heading a[data-toggle="collapse"] {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
    cursor: pointer;
    text-decoration:none;
}
/* CSS Method for adding Font Awesome Chevron Icons */
 .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f077";
    float: right;
    color: inherit;
}
.panel-heading a.collapsed .accordion-toggle:after {
    /* symbol for "collapsed" panels */
    content:"\f078";
}
.nobackground{
	background-color: transparent !important;
	background-image: none !important;	
	border: 0 !important;
	border-color: #FFF !important;
}
.noborder {
	border: 0 !important;
}

.noborder > tbody > tr > td,
.noborder > tbody > tr > th, 
.noborder > tfoot > tr > td, 
.noborder > tfoot > tr > th, 
.noborder > thead > tr > td, 
.noborder > thead > tr > th {
	border:none;
}	

/* upload file format */
.fileresource {
	position:relative;
	float:left;
	margin: 10px;
}
.fileresource  img{ 
	width: 40px;
	margin: 0 auto;
	display: block;
}

/* todds 20160914 - give all th that are sortable the mouse hand pointer */
.sortable th {cursor: pointer}
.sortable th.sorttable_nosort {cursor:auto}


.imslogo {
	/*width:90px;*/
	float:left;
	/*margin-top: 4px;*/
	height: 50px;
}

input[type='checkbox'], input[type='radio']
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
 margin: 5px;

}

.btn-checklistbutton-text {
	display: inline-block;
	font-size: 14px;
}
.btn-checklistbutton-icon {
	display: none;
}
.ui-datepicker-trigger{
	-ms-transform: scale(1.3); /* IE */
	-moz-transform: scale(1.3); /* FF */
	-webkit-transform: scale(1.3); /* Safari and Chrome */
	-o-transform: scale(1.3); /* Opera */
	margin-left: 5px;
}
.top-bottom-margin {
	margin-top: 10px;
	margin-bottom: 10px;
}

.input-group-btn > button {
	height: 34px;
}
/* Custom STYLES
-------------------------------------------------- */
	/*==========  Mobile First Method  ==========*/

@media (max-width: 319px) {
	.logo-lg {
		display:none;
	}	
	.logo-mini {
		display:inline-block;
		margin-left:10px;
		padding-top:15px;
		float: left;
	}
	.modal-dialog {
	    width: 100%;
	    height: 100%;
	    padding: 0;
	    margin: 0;
	}
	.modallarge .modal-dialog {
		width: 100%;
	}
	
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.logo-lg {
		display:none;
	}	
	.logo-mini {
		display:inline-block;
		margin-left:10px;
		padding-top:15px;
		float: left;
	}
	.large-display-only-table-cell {
		display:none;
	}
	.navbar-brand {
		padding-top:1px;
		height:50px;
	}
	body.modal-open {
	/* block scroll for mobile; 
	 causes underlying page to jump to top;
	 prevents scrolling on all screens */
	overflow: hidden;
/*	position: fixed; */
	}
	.footer #copyright, .footer-signin #copyright{
		padding-top:10px;
	}			
	.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group,
	.btn-toolbar > form .btn, .btn-toolbar > form .btn-group, .btn-toolbar > form .input-group {
		margin-bottom: 5px;
	}
	
}
@media only screen and (max-width : 480px) {
	body.modal-open {
	/* block scroll for mobile; 
	 causes underlying page to jump to top;
	 prevents scrolling on all screens */
	overflow: hidden;
	position: fixed; 
	overflow-y: scroll;
	}
	.modal { overflow: auto; }
	.btn-checklistbutton-text {
		display: none;
	}
	.btn-checklistbutton-icon {
		display: inline-block;
	}	
	

}
/* Extra Small Devices, Phones */ 
@media  (min-width : 480px) and (max-width : 767px) {
	.logo-lg {
		/*display:inline-block;
		margin-left:10px;
		padding-top:15px;
		float: left;*/
		display:none;
	}	
	.logo-mini {
		/*display:none;*/
		display:inline-block;
		margin-left:10px;
		padding-top:15px;
		float: left;
	}
	.navbar-user {
		/*Display none, as the menu does not fit correctly*/	
		display:none !important;
	}
	.large-display-only-table-cell {
		display:none;
	}
	.navbar-brand {
		padding-top:1px;
		height:50px;
	}
	body.modal-open {
	/* block scroll for mobile; 
	 causes underlying page to jump to top;
	 prevents scrolling on all screens */
	overflow: hidden;
/*	position: fixed; */
	}
	
	.footer #copyright, .footer-signin #copyright{
		margin-top:10px;
	}	
	
}

/* Small Devices, Tablets */
@media  (min-width : 768px) and (max-width : 1050px){
	.logo-lg {
		/*display:inline-block;
		margin-left:10px;
		padding-top:15px;
		float: left;*/
		display:none;
	}	
	.logo-mini {
		/*display:none;*/
		display:inline-block;
		margin-left:10px;
		padding-top:15px;
		float: left;
	}
	.navbar-user {
		/*Display none, as the menu does not fit correctly*/	
		display:none !important;
	}
	.large-display-only-table-cell {
		display:none;
	}	
	.navbar-brand {
		padding-top:1px;
		height:50px;
	}
	.footer #copyright, .footer-signin #copyright{
		margin-top:10px;
	}
	/*.navbar-user {
		width: 140px;
		padding: 15px 5px;
	}*/
			
}

@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #0072ab;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
  
	
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 1080px) {
/*20170828 - @media only screen and (min-width : 992px) { */
	.logo-lg {
		display:inline-block;
		margin-left:10px;
		padding-top:15px;
		float: left;
	}	
	.logo-mini {
		display:none;
	}
	.large-display-only-table-cell {
		display: table-cell;
	}	
	.navbar-brand {
		height:25px;
	}
	body.modal-open {
	/* block scroll for mobile; 
	 causes underlying page to jump to top;
	 prevents scrolling on all screens */
	overflow: scroll;
	}
	.footer #copyright, .footer-signin #copyright{
		margin-top:10px;
	}
	.navbar-user {
		width: 300px;
		padding: 15px 5px;
	}			
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.logo-lg {
		display:inline-block;
		margin-left:10px;
		padding-top:15px;
		float: left;
	}	
	.logo-mini {
		display:none;
	}	
	.large-display-only-table-cell {
		display: table-cell;
	}	
	.navbar-brand {
		height:25px;
	}
	.footer #copyright, .footer-signin #copyright{
		margin-top:10px;
	}			
}
@media (max-width: 740px) { /*phones */
	td.cell, th.cell {
		padding: 8px 3px !important;
	} 
	
	/* make full screen on a phone */
	.modal-dialog {
		
	    width: 100%;
	    height: 100%;
	    padding: 0 !important;
	    margin: 0 !important;
	}
	.modallarge .modal-dialog {
		width: 100%;
	}
	.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group,
	.btn-toolbar > form .btn, .btn-toolbar > form .btn-group, .btn-toolbar > form .input-group {
		margin-bottom: 5px;
	}
	
	.modal-content {
	    height: 100%;
	    min-height: 100%;
	    height: auto;
	    border-radius: 0;
	}
	.modal-body {
		padding:0;
	}
	.inspectioninfo {
		display:none;
	}
	.dropdown-menu > li > a {
	  /*color: #fff; */
	}
	
	
	
}

@media (min-width: 741px) and (max-width: 1280px) { /* tablet */
	body {
		/*fix for modal window on ipads that will stop scrolling the modal windows*/
		min-height: 100vh;
	}
	/* make full screen on a tablet */
	.modal-dialog {
	    width: 100%;
	    height: 100%;
	    padding: 0;
	    margin: 0;
	}
	.modallarge .modal-dialog {
		width: 100%;
	}
	
	.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group,
	.btn-toolbar > form .btn, .btn-toolbar > form .btn-group, .btn-toolbar > form .input-group {
		margin-bottom: 5px;
	}
	.dropdown-menu > li > a {
		padding: 10px 20px !important;
	}
	.modal-content {
	    height: 100%;
	    min-height: 100%;
	    height: auto;
	    border-radius: 0;
	}
	.modal-body {
		padding:0;
	}
	
	button.waterbalancetest {
		white-space: normal !important;
    	word-wrap: break-word;
	}	
	.dropdown-menu > li > a {
	    
	    padding: 10px 20px;
	    
	}
	
}	
.webcamuploadphoto {
	display: none;
}
.takewebcamphoto {
	width: 320px !important;
	height: auto;
}
@media (max-width: 319px) {
	.takewebcamphoto {
		width: 280px;
	}
}
/* change tab color in config tabs to success color border: #3e8f3e background:#419641 */
.nav-tabs li.active.setup a {font-weight:bold; color:#fff;border-color: #3e8f3e;border-bottom-color: transparent;background-color:#419641;}
.nav-tabs li.active.setup a:focus {color:#fff;outline: 0;background-color:#419641;border-color: #3e8f3e;border-bottom-color: transparent;}
.nav-tabs li.active.setup a:hover {color:#fff;outline: 0;background-color:#419641;border-color: #3e8f3e;border-bottom-color: transparent;}

/*20170628 todd - so the red badge icon goes on top of a tab */
a span.badge {
	z-index:1;
}
.text-blue-highlight {
	color: #689fb0;
}
.modal-header-label {
	margin-top:0;
}
.bg-grey {
	background-color: #F2F2F2;
	color: #145667;
}