/* Fixed footer */
html,body {height: 100% !important;}
.site-wrapper {display: flex;flex-direction: column;min-height: 100%;}
.site-top-wrapper {flex: 1 0 auto;}
.site-bottom-wrapper {flex: 0 0 auto;}
/* /Fixed footer */

.bg-admin,
.bg-office {
	background-color: #2c3e50;
}

.offcanvas{
	
}
.offcanvas-end {
	width: 600px;
}
.appeal-checklist label {
	font-size: 14px;
	cursor: pointer;
	line-height: normal;
	margin-bottom: 5px;
}
.appeal-checklist label:hover {
/*	text-decoration: underline;*/
}
.appeal-checklist label input{
	cursor: pointer;
}
.appeal-checklist h4{
	margin-bottom: 2px;
	margin-top: 6px;
}
.alert-warning {
	color: #eeefaa;
	font-weight: 700;
	background-color: rgb(56 88 135 / 30%);
	border-color: #ffffff;
}
.text-muted {
  color: #b3bdc6 !important;
}

.btn-link-mc{
	color: #ffffff;
	text-decoration: none;
	text-align: left;
}
.btn-link-mc:hover{
	color: #ffffff;
	text-decoration: underline;
}

.breadcrumb{
	margin-bottom: 0px;
}
.breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before {
	color: #ffffff;
}

:focus {outline: none;}

.shadowed {box-shadow:4px 4px 4px 4px rgba(0, 0, 0, 0.1) !important;}
.shadow-1 {box-shadow:0 0 2px rgba(0,0,0,0.25);}
.shadow-2 {box-shadow:1px 1px 2px 1px rgba(0,0,0,0.25);}
.shadow-0-1 {box-shadow:0 0 1px 0 rgba(0,0,0,0.25);}
.shadow-1-1 {box-shadow:1px 1px 1px 0 rgba(0,0,0,0.25);}
.shadow-0-2 {box-shadow:0 0 2px 2px rgba(0,0,0,0.25);}
.shadow-0-4 {box-shadow:0 0 4px 2px rgba(0,0,0,0.25);}
.shadow-0-8 {box-shadow:0 0 8px 2px rgba(0,0,0,0.25);}
.shadow-2-2 {box-shadow:2px 2px 2px 2px rgba(0,0,0,0.25);}
.shadow-2-4 {box-shadow:2px 2px 4px 2px rgba(0,0,0,0.25);}
.shadow-2-8 {box-shadow:2px 2px 8px 2px rgba(0,0,0,0.25);}

.display-5{font-size:2.5rem;line-height:1.1}
.display-6{font-size:2rem;line-height:1.1}
.display-7{font-size:1.5rem;line-height:1.1}
.display-8{font-size:1.3rem;line-height:1.1}
.display-9{font-size:1rem;line-height:1.1}
.display-10{font-size:.8rem;line-height:1.1}

.modal-9, .modal-8, .modal-7, .modal-6, .modal-5, .modal-4, .modal-3, .modal-2 {width:100%;}
.modal-9 {max-width:900px;}
.modal-8 {max-width:800px;}
.modal-7 {max-width:700px;}
.modal-6 {max-width:600px;}
.modal-5 {max-width:500px;}
.modal-4 {max-width:400px;}
.modal-3 {max-width:300px;}
.modal-2 {max-width:200px;}
.modal-wrap {padding:1.5rem;overflow: visible;color:#000000;}

.comments {
	width: 100%;
	background: linear-gradient(to right, #2b5e83, #2c3e50);
	padding: 20px 20px 0px;
	margin-bottom: 10px;
	border-radius: 10px;
	border: none;
	color: #ffffff;
	min-height: 200px;
	box-shadow: 0 0 0 5px rgba(0,0,0,0.05), 0 0 0 10px rgba(0,0,0,0.05);
}
.comments .comments_items{margin-bottom: 20px}
.comments .comments-list {height:400px;overflow-y:auto;}
.comments .comments-list .items{height:400px;width: 100%}
.comments .comment-item .card {border: 2px solid;border-radius: 16px;background:rgba(255, 255, 255 ,0.8);color:#000000;box-shadow:4px 4px 4px 4px rgba(0, 0, 0, 0.1);margin-bottom:1rem;width:auto;min-width:50%;max-width:85%;}
.comments .comment-item:last-child .card {margin-bottom:0;}
.comment-type-your {display:flex;justify-content:flex-start;}
.comment-type-other {display:flex;justify-content:flex-end;padding-right: 5px;}
.comments .comment-item.comment-type-your .card{ border-color: #00438f; }
.comments .comment-item.comment-type-other .card{ border-color: #7c1219 }
.comment-name-admin{color: #00438f}

.comment-content {word-break:break-all;}

.file-items {}
.file-item {background-color:#fff;border-radius:.25rem;border:1px solid #ddd;box-shadow:1px 1px 4px 1px rgba(0,0,0,0.2);padding:4px;overflow:hidden;position:relative;}
.file-item-icon,.file-item-image {display:block;height:80px;width:80px;}
.file-item-image {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.file-item-icon {padding:.5rem;}
.file-item-icon:before {content:attr(data-ext);font-size:12px;position:absolute;bottom:50%;left:0;width:calc(100% - 2rem);background:#510B25;color:#fff;text-transform:uppercase;margin:0 1rem;z-index:2;text-align:center;}
.file-item-icon svg {opacity:.75;display:block;fill:#510B25;width:100%;height:100%;padding:1rem;margin:0 auto;}
.file-item-btns {margin-top:4px;width:100%;z-index:5;}

.form-group, .password-fields{padding: 4px 10px 8px}
.password-fields label{ padding-bottom: 4px;}
.form-response{margin-bottom: 10px}

#name_client{font-weight: 700; margin-left: 20px}

.description{
	font-size: 18px;
	min-height: 100px;
}

.user-disable{
	color: #DCB685;
	font-weight: 700;
}

.btn-edit{
	padding: 2px 4px 2px 7px;
}

.form-label {
	font-weight: 700;
}

.table_status{
	font-weight: bold;
	padding: 0px 20px 0px 10px;
	position: relative;
    background: #6c757d;
}
.table_status::after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	height: 1px;
	width: 100%;
	background: rgb(111 115 159);
	background: linear-gradient(90deg, rgb(111 115 159) 0%, rgb(91 96 153) 70%, rgba(0,255,149,0) 100%);
}
.table_status.table_status_accepted{
	background: rgb(13,110,253);
	background: linear-gradient(90deg, rgba(13,110,253,1) 0%, rgba(13,110,253,1) 70%, rgba(255,255,255,0) 100%);
}
.table_status.table_status_diagnostics{
	background: rgb(225,126,44);
	background: linear-gradient(90deg, rgba(225,126,44,1) 0%, rgba(225,126,44,1) 70%, rgba(255,255,255,0) 100%);
}
.table_status.table_status_at_work{
	background: rgb(25,135,84);
	background: linear-gradient(90deg, rgba(25,135,84,1) 0%, rgba(25,135,84,1) 70%, rgba(255,255,255,0) 100%);
}
.table_status.table_status_done{
	background: transparent;
}
.table_status.table_status_wait_part{
	background: rgb(133,110,41);
	background: linear-gradient(90deg, rgba(133,110,41,1) 0%, rgba(133,110,41,1) 70%, rgba(255,255,255,0) 100%);
}
.table_status.table_status_replacement{
	background: rgb(111,66,193);
	background: linear-gradient(90deg, rgba(111,66,193,1) 0%, rgba(111,66,193,1) 70%, rgba(255,255,255,0) 100%);
}
.table_status.table_status_cancelled{
	background: rgb(108,117,125);
	background: linear-gradient(90deg, rgba(108,117,125,1) 0%, rgba(108,117,125,1) 70%, rgba(255,255,255,0) 100%);
}

.status{
	display: inline-block;
	border-radius: 4px;
	padding: 5px 8px;
	background: #6c757d;
	color: #ffffff;
	margin-right: 4px;
	font-weight: bold;
	line-height: 1;
}
.status.status_accepted{
	background: #0d6efd;
}
.status.status_diagnostics{
	background: #e17e2c;
}
.status.status_at_work{
	background: #198754;
}
.status.status_done{
	background: transparent;
}
.status.status_wait_part{
	background: #856e29;
}
.status.status_replacement{
	background: #6f42c1;
}
.status.status_replacement{
	background: #6f42c1;
}

.device_status{
	display: inline-block;
	border-radius: 4px;
	padding: 3px 8px;
	background: #6c757d;
	color: #ffffff;
	margin-left: 10px;
	line-height: 1;
}
.device_status.device_status_error{
	background: #dc3545;
}
.device_status.device_status_has_guarantee{
	background: #198754;
}
.device_status.device_status_no_guarantee{
	background: #6c757d;
}
.device_status.device_status_on_check{
	background: #2778c4;
}

.logo{
	display: inline-block;
	margin: 5px 0px;
	max-width: 90%;
}
.table>:not(caption)>*>*{
	border-bottom-width: 0px;
}
.input-search{
	min-width: 100px;
	max-width: 250px;
}
.alert{
	margin: 0px 15px;
}

@media only screen and (max-width:767px){
	.panel .panel-heading .title{
		text-align: center;
		margin: 0 0 10px;
	}
	.panel .panel-heading .btn_group{ text-align: center; }
}

.req:after {
	content: '*';
	color: #c55757;
	margin-left: 3px;
}

.text-mono {
	font-family: monospace;
}