/**
 * Primary CSS for af.publicsafetytesting.com
 *
 * fonts:
 * font-family: 'Roboto', sans-serif;
 *
 * colors:
 * Navy			#1d375c		rgb(29,55,92)
 * PST Teal		#008c99		rgb(0,140,153)
 * Md Teal		#21a1ad 	rgb(33,161,173)
 * Md Teal alt	#30cecd		
 * Mint			#90d0d6 	rgb(144,208,214)
 * Yellow		#f9dc5c		rgb(249,220,92)
 * Lt Grey 		#f0f0f0		rgb(240,240,240)
 * Text			#666		rgb(102,102,102)
 *
 * Fontawesome Pro icons
 * fas Solid (free)
 * far Regular (pro)
 * fal Light (pro)
 * fab Brands (free)
 */

html, body {
	margin:0px;
	padding:0px;
}

body {
	background:#fff;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	color:#666;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	font-size: 16px;
	line-height: 24px;
}

/**
 * alternate body background colors
 */

body.light-gray {
	background-color:#f8f8f8;
}

/**
 * Default text links/anchors
 */
img, a img {
	border:none;
}
a {
	color:#666;
	text-decoration:underline;
	
	-webkit-transition:color 150ms ease-out;
	-moz-transition:color 150ms ease-out;
	-o-transition:color 150ms ease-out;
	transition:color 150ms ease-out;
}
a:hover {
	color:#21a1ad;
}
a:active {
	color:#008c99;
}
.clearfix:after {
  content:"";
  display:table;
  clear:both;
}
.mobile-only {
	display:none !important;
}

h2, h3, h4 {
	color:#008c99;
	font-weight:400;
}

hr {
	background:none;
	border:none;
	height:1px;
	border-bottom:4px solid #eee;
	margin:30px 0px;
}

/**
 * Header
 */

header {
	display:block;
	z-index:2;
	width:100%;
	height:100px;
	background:rgba(255,255,255,0.95);
	-webkit-box-shadow:1px 1px 6px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:1px 1px 6px 0px rgba(0,0,0,0.1);
	box-shadow:1px 1px 6px 0px rgba(0,0,0,0.1);
	-webkit-backdrop-filter:blur(3px);
}
header .col img.logo {
	width:auto;
	height:90px;
	display:inline-block;
	margin-top:-6px;
}
header .col img.logo.anytime-fitness {
	height:60px;
	margin-top:6px;
}

/**
 * Footer
 */

footer .site-width .section.group {
	border-top:4px solid #eee;
	margin-bottom:20px;
}
footer .copyright {
	font-size: 13px;
}

/**
 * Main content area
 */

.main {
	padding-top:0px;
	padding-bottom:60px;
}
.main .branding-logo {
	max-height:80px;
}
h3.sub-title {
	color: #008c99;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 46px;
	line-height: 52px;
	font-weight: 300;
	color: #111;
}

/**
 * Buttons
 */
.btn {
	display:inline-block;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	padding:16px 40px;
	
	background:#eee;
	border:2px solid #ccc;
	
	-webkit-appearance: none;
	
	-webkit-transition:all 150ms ease-out;
	-moz-transition:all 150ms ease-out;
	-o-transition:all 150ms ease-out;
	transition:all 150ms ease-out;
}
.btn:hover {
	cursor:pointer;	
}
.btn.btn-primary {
	background:#21a1ad;
	border:2px solid #21a1ad;
	color:#fff;
}
.btn.btn-primary:hover {
	color:#fff;
	background:#008c99;
	border-color:#008c99;
}
.btn.btn-primary:active {
	color:#fff;
	background:#008c99;
	border-color:#21a1ad;
}
.btn.btn-secondary {
	background:#fff;
	border:2px solid #21a1ad;
	color:#008c99;
}
.btn.btn-secondary:hover {
	background:#21a1ad;
	border:2px solid #21a1ad;
	color:#fff;
}
.btn.btn-secondary:active {
	color:#fff;
	background:#008c99;
	border-color:#21a1ad;
}
.btn.btn-light {
	color:#fff;
	background:#90d0d6;
	border-color:#90d0d6;
}
.btn.btn-light:hover {
	color:#fff;
	background:#21a1ad;
	border-color:#21a1ad;
}
.btn.btn-light:active {
	color:#fff;
	background:#008c99;
	border-color:#21a1ad;
}

.button-set .btn {
	margin-left:14px;
}
.button-set .btn:first-child {
	margin-left:0px;
}

/**
 * Forms
 */

.form {
	display: block;
	background: #fff;
	color: #333;
	border: 1px solid #ebebeb;
	padding: 30px 50px;
	margin-bottom: 20px;
}
.form p {
	
}
.form label {
	color: #333;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}
.form input, 
.form select, 
.form .select,
.form textarea {
	display: block;
	width: calc(100% - 17px);
	padding: 8px 10px;
	font-size: 14px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 2px 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
}
.form input[type=number]::-webkit-inner-spin-button, 
.form input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance:none; 
	margin:0; 
}
.form input[type=number] {
	-moz-appearance:textfield;
}
.form textarea {
	min-height:80px;
}
.form p.time label {
	display:block;	
}
.form p.time input {
	display: inline-block;
	width:calc(30% - 26px);
}
.form p.time span {
	display:inline-block;
	width:12px;
	text-align:center;
}
.form input.time {
	width:calc(60% - 18px);
}
.form .btn {
	margin-top:20px;
	margin-bottom:20px;
}
.form h2 .back {
	display:inline-block;
	margin-right:20px;
	color:#90d0d6;
}
.form h2 .back:hover {
	color:#21a1ad;
}

.verify-stats {
	
}
.verify-stats .square {
	border:1px solid #eee;
}
.verify-stats .square label {
	background:#333;
	color:#fff;
	display:block;
	width:calc(100% - 16px);
	padding-left:16px;
}
.verify-stats .square h2 {
	font-size: 32px;
	font-weight: 300;
	color: #111;
	text-align:center;
	margin:0px;
	padding:10px 0px;
}

/**
 * admin styles
 */

.notification {
	display:block;
	font-weight:500;
	padding: 6px 18px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.notification.error {
	background:#cd664b;
	color:#fff;
}


table.admin-list {
	width: 100%;
}
table.admin-list th {
	padding:4px 10px;
	background: #008c99;
	color: #fff;
	text-align: left;
}
table.admin-list td {
	padding:6px 10px;
	border-bottom: 1px solid #eee;
}
table.admin-list.details {
	margin: 12px 0px 20px 0px;
}
table.admin-list.details td {
	padding-left: 0px;	
}
table.admin-list td a.button {
	display:inline-block;
	color:#21a1ad;
	text-decoration:none;
	font-weight:500;
}
table.admin-list tr:hover td {
	background: #fff;
}
table.admin-list td a.button:hover {
	color:#90d0d6;
}

.export-form {
	padding-bottom:20px;
}
.export-form input {
	padding: 8px 10px;
	font-size: 14px;
	background: #fff;
	border: 1px solid #ccc;
}
.export-form button {
	display:inline-block;
	font-size: 14px;
	font-weight:500;
	text-decoration:none;
	text-align:center;
	padding:7px 10px;
	
	background:#eee;
	border:2px solid #ccc;
	
	-webkit-appearance: none;
	
	-webkit-transition:all 150ms ease-out;
	-moz-transition:all 150ms ease-out;
	-o-transition:all 150ms ease-out;
	transition:all 150ms ease-out;
}
.export-form button:hover {
	cursor:pointer;	
	color:#fff;
	background:#008c99;
	border-color:#008c99;
}
.export-form p {
	margin:0px;
	padding:0px;
	font-size:13px;
}