@charset "utf-8";

@import url("framework.css");



/* Tables
--------------------------------------------------------------------------------------------------------------- */
td {
	border: 1px solid lightgray;
	border-collapse: collapse;
	vertical-align: top;
}
th{border:1px solid lightgray; border-collapse:collapse; vertical-align:top;}
table{/*border: 1px solid lightgray;*/ border-collapse:collapse; vertical-align:top;}
th{table-layout:auto;}
table{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
td{padding:5px 8px;}
th{padding:5px 8px;}
td{border-width:1px 1px;}
table tbody tr.light{
	color:#666666;
	background-color:#F7F7F7;
	}

table tbody tr.dark{
	color:#666666;
	background-color:#E8E8E8;
	}

#export_table tr:nth-child(even) { background-color: #eee; }

#export_table { display: block; overflow-x: auto; white-space: nowrap; max-height: 1000px; border-radius: 0px; }
#export_table tbody { width: 100%; }
#export_table td { padding: 10px; }
#export_table td:nth-child(1), #export_table td:nth-child(2) { width: 5%; min-width: 57px; }
#export_table td:nth-child(3) { width: 10%; min-width: 80px; }
#export_table td:nth-child(4) { min-width: 125px; }
#export_table td:nth-child(6), #export_table td:nth-child(7), #export_table td:nth-child(8) { width: 15%; }
#export_table td:nth-child(5) { width: 20%; }
#export_table > thead > tr > td { background-color: #ffffff ;text-align:center;padding:10px; border-collapse:collapse;font-weight:bold;  border: 1px solid lightgray }

#export_table td a { padding: 0; width: 32px; }



/* TODAYS INSPECTIONS
--------------------------------------------------------------------------------------------------------------- */

.todays_inspections table { border-collapse: collapse; width: 100%; }
.todays_inspections th, .todays_inspections td { text-align: left; padding: 8px; }

/*.todays_inspections tr:nth-child(even){background-color: #e6f0ff}*/

.todays_inspections #inspectHeader { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 180px; -ms-grid-rows: auto auto; grid-columns: 1fr 180px; grid-rows: auto auto; grid-template-columns: 1fr 180px; grid-template-rows: auto auto; }
.todays_inspections #inspectHeader h2 { -ms-grid-column-span: 2; -ms-grid-row: 1; grid-column: 1 / 3; grid-row: 1 / 2; }
.todays_inspections #inspectHeader p { -ms-grid-column: 1; -ms-grid-row: 2; grid-column: 1 / 2; grid-row: 2 / 3; }
.todays_inspections #inspectHeader a { -ms-grid-column: 2; -ms-grid-row: 2; grid-column: 2 / 3; grid-row: 2 / 3; }
.todays_inspections #inspectHeader a { text-decoration: none; text-align: center; padding: 10px 0; border-radius: 10px; border: solid #d9d9d9 2px; background-color: #3f77c2; color: #F2F3F4; text-transform: uppercase; }

/* Inspection filter */
#above_table { display: -ms-grid; display: grid; -ms-grid-columns: 60px 150px 60px 120px 80px; -ms-grid-rows: 30px; grid-columns: 60px 150px 60px 120px 80px; grid-rows: 30px; grid-template-columns: 60px 150px 60px 120px 80px; grid-template-rows: 30px; align-items: center; justify-items: center; float: right; margin-bottom: 10px; }
#above_table span:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }
#above_table #slct_filter_by { -ms-grid-column: 2; -ms-grid-row: 1; grid-column: 2 / 3; grid-row: 1 / 2; }
#above_table span:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; }
#above_table #slct_filter_value { -ms-grid-column: 4; -ms-grid-row: 1; grid-column: 4 / 5; grid-row: 1 / 2; }
#above_table #btn_filter_map { -ms-grid-column: 5; -ms-grid-row: 1; grid-column: 5 / 6; grid-row: 1 / 2; }
#above_table #btn_filter_map { display: block; padding: 7px 5px; margin: 0 auto; width: 75px; background-color: #3f77c2; border-radius: 4px; color: #f2f2f2; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; }
     
.todays_inspections #create_excel { display: block; position: relative; }



/* Search Forms
--------------------------------------------------------------------------------------------------------------- */
.srch-methods { display: flex; flex-direction: row; }
.srch-methods section { flex: 1; }

input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], textarea { 
    display: block;
  margin: 10px 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: 10px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="email"]:focus {
  outline: none;
}

.style-1 input[type="text"], .style-1 input[type="password"], .style-1 input[type="number"], .style-1 input[type="tel"], .style-1 input[type="email"], textarea {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}

.style-1 input[type="text"]:focus, .style-1 input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}


#form { margin: 0 10px; }

input[type="submit"], input[type="button"] { width: 100%; margin: 10px 0; padding: 10px; border-radius: 10px; border: solid #d9d9d9 2px; background-color: #808080; color: #F2F3F4; text-transform: uppercase; }
.content section .grey-btn-refine { float: right; margin: 10px 0; padding: 10px 20px; text-align:center; border-radius: 10px; border: solid #d9d9d9 2px; background-color: #808080; color: #F2F3F4; text-transform: uppercase; }
input[type="submit"]:hover, input[type="button"]:hover, .content section .grey-btn-refine:hover { background-color: #bfbfbf; }
input[type="submit"]:active, input[type="button"]:active, .content section .grey-btn-refine:active { background-color: #595959; border: solid 2px #707070; box-shadow: 0 0 5px 1px #969696; }


form { margin-bottom: 20px; }

.hint { color: #bfbfbf; }

select { width: 100%; margin: 10px 0; padding: 5px; font-size: 16px; color: #808080; border-radius: 5px; border-style: solid; }

.ui-datepicker-month, .ui-datepicker-year { display: inline-block; }


.srch-methods .map-link { display: block; width: 400px; margin: 0 auto; text-align: center; }
.srch-methods .map-link img { width: 400px; margin: 0 auto; }


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}




/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:978px){
    .auto-center {max-width:100%;}
    .container { padding: 0; } 

	#header{padding:30px 0 15px;}
	#header #logo{margin:0;}
    #header #logo img { width: 200px; }

	#mainav ul{display:none;}
	#mainav form{display:block;}

	#comments input[type=reset]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#copyright p:first-of-type{margin-bottom:10px;}


    

    .container .content { padding: 0; }
    .homepg .content { padding: 10px; }


    
}


@media screen and (max-width:750px){
	.imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.imgl{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_right{display:block; float:none;}
	.fl_left{display:block; float:none;}
	.three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	.two_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	.one_quarter{display:block; float:none; width:auto; margin:0 0 0 0; padding:0;} 

	.two_third{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	.one_third{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	.one_half{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	.cta > :first-child{margin-top:0;}

    .feature-title { text-align: center; font-size: 20px; }
    .featured { display: block; text-align: center; }


	.srch-methods { display: flex; flex-direction: column; }
	

}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}

	#pageintro li article{max-width:none; width:100%;}
	#pageintro li .heading{font-size:2rem;}

	#introblocks ul li{display:block; width:100%; height:100%;}
	
	#introblocks ul{display:block; width:100%; height:100%;}
	#introblocks ul li{padding:25px; border-width:0 0 1px 0;}

    .contr-item li { font-size: 10px; }





    .srch-methods .map-link { display: block; width: 90%; margin: 0 auto; text-align: center; }
    .srch-methods .map-link img { width: 90%; margin: 0 auto; }


}