body {
	background: #ccc;
}
.navbar-default .navbar-brand img {
	max-height: 40px;
}
.container.main {
	background: #fff;
	box-shadow: 0px 0px 10px #000;
	margin-top: 70px;
	padding-top: 20px;
	margin-bottom: 70px;
	padding-bottom: 20px;
}
.page-header {
	margin-top: 10px;
}
table>thead>tr>th.kl-cell, 
table>tbody>tr>td.kl-cell, 
table>thead>tr>th.checkbox-cell, 
table>tbody>tr>td.checkbox-cell {
	width: 30px;
	text-align: center;
}
table>tbody>tr>td.checkbox-cell.active {
	background: #428bca;
}
table>tbody>tr>td.kl-cell.active {
	background: #ccc;
}

table>thead>tr>th.image-cell, table>tbody>tr>td.image-cell {
	width: 30px;
	text-align: center;
}
table>tbody>tr.group-title {
	background: #333;
	color: #fff;
}
table>tbody>tr.group-title>td {
	border-bottom: 5px solid #428bca;
	padding-top: 20px;
}
.image-cell .btn {
	position: relative;
}
.image-cell .label {
	position: absolute;
	top: -4px;
	right: -8px;
}

table>thead>tr>th.title, table>tbody>tr>td.title {
	width: 180px;
}

.images-modal .image {
	text-align: center;
}
.images-modal .image img {
	margin: 0px auto;
}
.images-modal #canvasDiv {
	margin: 0px auto;
}

.images-modal .image-table, .images-modal .image-table input.form-control {
	font-size: 12px;
}
.images-modal .image-table input.form-control {
	padding: 1px 6px;
	height: 20px;
}
.image-table {
	margin-top: 10px;
}
.image-table .title {
	width: 150px; vertical-align: middle; background: #eee;
}
.image-table td {
	border-top: 0px !important;
}

.images-modal ol {
	/*position: absolute;
	bottom: 0px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;*/
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0;
	list-style: none;
}
.images-modal ol li {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-right: 3px;
}
.images-modal ol li.active img {
	border: 2px solid #555;
}

.images-modal ol li .loader {
	background: #ddd;
	opacity: 0.5;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}
.images-modal ol li .loader img {
	border: 0;
	margin-left: 22px;
	margin-top: 22px;
}

.estimate-div input {
	font-size: 24px;
	height: 46px;
}

.panel-body {
	background: #F8F8F8;
}

table {
	background: #fff;
}

.panel-title {
	text-align: center;
	font-weight: bold;
}
.panel-primary .panel-heading {
}

td.bg-success {
	background: #77E077;
}
table>tbody.parts-table-tbody>tr>td {
	vertical-align: middle;
}

#logoutBtn {
	color: #FFF;
}

.page-header .add-button {
	float: right;
}

.thumbnail-row {
	background: #eee;
	border: 1px solid #ccc;
	margin-bottom: 0px;
	padding: 10px;
}
.thumbnail-row ol li.active {
	border-bottom: 3px solid #77E077;
}
.drawl #tools {
	background: #333;
	padding: 5px;
}
.drawl #paper {
	border: 0;
}

.fileinput-button {
	font-size: 30px;
	padding-top: 13px;
	margin-right: 3px;
	border-radius: 0;
	padding-bottom: 6px;
}
.progress {
	display: block;
	margin-top: 10px;
	margin-bottom: 0px;
}
#imagesModal .form-group {
	margin-bottom: 10px;
}

#imagesModal .fileinput-button input {
	font-size: 46px;
}

#imagesModal .no-detail-images-note {
	color: #aaa;
	padding: 20px;
	font-size: 16px;
	text-align: center;
}

.splited-tinymces .mce-tinymce {
	width: 49%;
	float: left;
}

.interval-save {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0px;
	display: block;
	width: 200px;
	text-align: center;
	z-index: 1002;
}
.interval-save p {
	padding: 5px 20px;
	font-weight: bold;
	margin: 0;
	font-size: 11px;
}

.navbar-default {
	z-index: 1001;
}

@media (min-width: 1200px) {
	.modal-lg {
		width: 1180px;
	}
}

.image-count-floater{
	padding: 15px;
    display: block;
    position: fixed;
    background: #5bc0de;
    bottom: 4px;
    right: 4px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.post-report-images {
	background: #333;
	text-align: center;
	padding: 15px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom: 15px;
}
.post-report-images input[type=file] {
	background: #5CB85C;
	margin: 0px auto;
	padding: 10px;
}

.post-report-images .no-image {
	text-align: center; 
	margin-top: 130px; 
	color: #aaa; 
	font-size: 18px;
}

.post-report-images .post-report-images-title {
	color: #fff;
	font-size: 18px;
	margin-top: 0px;
	text-transform: uppercase;
	font-weight: bold;
}

@media (max-width: 768px) {
	.post-report-images .thumbnail {
		height: 200px !important; 
	}
	.post-report {
		margin-bottom: 60px;
	}
}

.title-input{
	font-weight: bold;
}