/* стили для личного кабинета ООО "Точный результат" --------------------------------------- */

.lk-active-text {
	margin-right: 5px !important;
	cursor: pointer;
}

.lk-active-text:hover {
	color: #315d76;
}

.lk-infopanel {
	overflow: auto;
	margin-bottom: 20px;
	padding: 15px 15px 10px 15px;
	box-shadow: #d4d4d4 0px 0px 8px;
	border: 1px solid #e6e6e6;
	border-bottom: 2px solid #6a91a7;
}

.colored-label {
	display: inline-block;
	border-radius: 15px;
	padding: 2px 10px;
	width: fit-content;
	font-size: 12px;
	border: 2px solid gray;
}

/* классы, относящиеся к отображению списка заявок ----------------------------------------- */

.application-list {
	margin-bottom: 40px;
}
        
.application-item {
	padding: 10px 20px; 
	border-left: 4px solid gray;
	box-shadow: #d4d4d4 0px 0px 8px;
	margin-bottom: 10px;
}

.application-item-default {
	border-left-color: #315d76;
}

.application-item-warning {
	border-left-color: #a94442;
}

.application-item-orange {
	border-left-color: #de883d;
}

.application-item-body {
	display: table;
	width: 100%;
}

.application-item-info {
	display: table-cell;
}

.application-item-fio {
	font-size: 14px;
	font-weight: bold;
}

.application-item-address {
	font-size: 13px;
}

.application-item-brigade {
	font-size: 12px;
	padding-top: 5px;
	color: #36596d;
}

.application-item-comment,
.application-item-approval {
	font-size: 12px;
    margin-top: 10px;
    border-top: 1px solid #cecece;
}

.application-item-comment > .comment-title {
	padding-top: 8px;
	padding-bottom: 5px;
}

.application-item-comment > .comment-body {
	color: #505050;
}

.application-item-approval {
	margin-top: 8px;
	padding-top: 8px;
}

.application-item-approval-form {
	margin-top: 7px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.application-status {
	padding-top: 10px;
}

.application-status-default {
	color: #315d76;
}

.application-status-warning {
	color: #a94442;
}

.application-files,
.application-properties {
	border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.application-properties-row {
	padding: 2px 0;
}

.application-properties-row label {
	display: table-cell;
	width: 200px;
}

.application-properties-row span {
	display: table-cell;
	padding: 0 10px;
	font-size: 12px;
}

.application-item-buttons {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-top: 5px;
	min-width: 150px;
}

.application-item-buttons > a {
	padding-left: 10px;
	padding-right: 10px; 
	font-size: 20px;
}

.application-files {
	position: relative;
	overflow:  hidden;
	overflow: auto;
}

.application-file-image {
	float: left;
	overflow: hidden;
	width: 50px;
	height: 50px;
	background: #424242;
	margin-right: 5px;
}

.application-file-image > a > img {
	float:  left;
	width:  50px;
	height: 50px;
	cursor: pointer; 
}

.application-file-image .lens {
	display: none;
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: url("../images/lens.png") no-repeat center;
}

.application-file-image:hover .lens {
	display: block;
}

.application-file-image:hover img {
	opacity: 0.5;
}

/* -- общие фоновые цвета приложения ---------------------------------------------------------------- */

.black {
	color: #000;
}

.white {
	color: #fff;
}

.bg-green {
	background: #04a236;
}

.bg-red {
	background: #d45252;
}

.bg-yellow {
	background: #e8ae60;
}

.bg-orange {
	background: #dc8600;
}

.bg-gray {
	background: #828282;
}

.bg-white {
	background: #fff;
}