.inspection-table thead {
	background: #EFEFEF;
	font-size: 14px;
}
	.inspection-table thead th {
		padding: 3px;
	}

.inspection-table tbody td {
	padding: 2px;
	vertical-align: top;
    font-size: 11px;

}
	.inspection-table tbody tr td:first-child {
		white-space: nowrap;
	}

	.inspection-table tbody:empty {
		content: "aa";
	}

.loader-overlay {
	background: rgba(255,255,255, .5) url('../../metronicx/global/img/ajax-loading.gif') no-repeat center center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

	z-index: 100;

	display: none;
}

/**************************************
* Auto image resize with aspect ratio *
**************************************/
.margin-top-3 {
	margin-top: 3px;
}

ul.autoImg
{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 2em 0;
    list-style-type: none;
}

li.autoImg
{
    float: left;
    width: 10%;
    padding: 0;
    margin: 0;
    background-color: #FFF;
    border: 10px solid #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li.autoImg span {
    color: #000;
    font-size:14px;
    font-weight: bold;
}

li.autoImg > a
{
    display: block;
    width: 100%;
    overflow: hidden;
}

img.autoImg
{
    display: block;
    max-width: 100%;

    margin: auto;
    -webkit-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

ul.autoImg li > a
{
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

ul.autoImg img
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
/*********************************************
* END OF auto resize image with aspect ratio *
*********************************************/

table.hover > tbody > tr:hover > td,
table.hover > tbody > tr:hover > th {

    background-color: #efefef;
}

#inspections_table tr.active td {
    background-color:#ddd;
    border-color:#bbb;
}

#inspections_table tr.active:hover td {
    background-color:#ddd !important;
    border-color:#bbb !important;
}

#finish_all_inspections {
    margin-bottom:10px;
}

.pagination {
    float:right;
}

.pagination a {
    font-size:16px;
    display:inline-block;
    border:1px solid #ccc;
    padding:6px 12px 6px 12px;
    margin:0 5px 0 5px;
    background-color:#fff;
}

.pagination a:hover {
    text-decoration:none;
    background-color:#ddd;
}

.form-group textarea {
    width:100%;
}

/* below is PROTREE-238*/
body.is_crossing div.no_crossing_only {
    display:none !important;
}

body.is_crossing div.crossing_only {
    display:block !important;
}

div.no_crossing_only {
    display:block !important;
}

div.crossing_only {
    display:none !important;
}

/* PROTREE-250 */
a.excelbutton {
    background-color: white;
    color:#444;
    float: right;
    height:30px;
    margin-right:20px;
    padding-bottom:15px !IMPORTANT;
    padding-top:5px !IMPORTANT;
}

img.excelbutton {
    margin-left:8p;
    margin-right:12px;
    margin-bottom: 2px;
    width:11px;
    height:11px;
}

#development-alert {
    position: absolute;
    top: 0px;
    width: 100%;
    background: red;
    border-bottom: dotted 1px white;
    color: white;
    font-size: 11px;
    font-style: italic;
    text-align: center;
}