body {
	font-size: 14px;
	overflow-x: hidden;
	padding-bottom: 50px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

h1 > span, h2 > span, h4 > span, h5 > span {
	color: #ccc;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

img {
	max-width: 100%;
	height: auto;
}

div.user-bar {
	background: #3F3F3F;
	border-radius: 3px 0 0 3px;
	color: #fff;
	position: absolute;
	top: 5px;
	right: 0;
	padding: 5px;
	z-index: 100;
}

div.header {
	background: #545454;
	color: #fff;
	padding: 10px;
}

div.header p, div.header h3 {
	margin-bottom: 0;
}

div.inspection-header {
	background: #e6e6e6;
	padding: 10px;
}

div.inspection-header h3 {
	margin-bottom: 0;
}

div.main {
	padding: 1em;
}

div.action-bar {
	background: #7F7F7F;
	padding: 0.5em;
}

a.back-link {
	font-size: 1.25em;
}

.control-label {
	display: block;
}

.table > tbody > tr > td > .table > tbody > tr > td {
	border-top: 0;
}

.table > tbody > tr.inspection-point-notes > td {
	border-top: 0;
	padding: 0 8px 8px 20px;
}



.table > tbody > tr > td > .table {
	margin-bottom: 0;
}

.pending-job {
	font-weight: bold;
}

.small {
	font-size: 0.75em !important;
}

.label-warning {
	background-color: #EC7A1D;
}

.search-input {
	margin-bottom: 1em;
}

.alert {
	border-radius: 0;
	margin-bottom: 0;
}


.spinner {
	animation:spin 2s linear infinite;
}

@keyframes spin { 100% { -webkit-transform: rotate(360deg); } }