html, body {
  height: 100%;
}

div #log {
	min-height: 45vh;
	height: 100%;
	border: 1px solid #ccc;
	padding: 5px;
}

div #WriteOffMarked {
	min-height: 45vh;
	height: 100%;
	border: 1px solid #ccc;
	padding: 5px;
}

textarea.form-control {
	height: calc(100vh - 360px);
	resize: none;
}

.redelement {
    color: red!important;
}
.blueelement {
    color: #337ab7!important;
}
.greenelement {
	color: #28a745!important;
}

.nowrap {white-space: nowrap;}

div.checkbox {
	padding-top: 2px!important;
}
input[type=checkbox] {
	transform: scale(1.5);
}

.table > tbody > tr > td, .table > thead > tr > td, .table > thead > tr > th {
	vertical-align: middle;
}

.table, .progress {
	margin-bottom: 0px;
}

.table-warning {
	background-color: #ffeeba;
}

.blue {
	color: #446CB3;
}

.text-primary {
	color: #337ab7!important;
}
.text-warning {
	color: #ffc107!important;
}
.text-dark {
	color: #343a40!important;
}
.label-warning {
	color: #212529;
	background-color: #ffc107;
}
.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.label-light {
	color: #212529;
	background-color: #f8f9fa;
}

.modal-body {
	max-height: calc(100vh - 212px);
	overflow-y: auto;
}

.ui-datepicker-title {color: #333;}
.ui-datepicker {z-index: 9999 !important;}

thead#TTNHeaderTable{
	background-color: #ddd;
}

.modal-xlg {
	width: 95%;
}

.panel-heading {
	padding: 0;
	border:0;
}
.panel-heading a:before {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
	text-decoration:none;
}

.glyphicon.rotate-90 {
	transform: rotate(90deg);
}

dts_label {opacity: 0;}

div.DTS div.dataTables_scrollBody {
	background: none
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
	background-position: left center;
}
.dataTables_filter {
	display: none;
}
.form-horizontal .has-feedback .form-control-feedback {
    left: -15px!important;
}
.blink{
	animation: blink 1s infinite;
}
.has-feedback .form-control {
	padding-right: 12px;
}

@keyframes blink{
	0%{opacity: 1;}
	75%{opacity: 1;}
	76%{ opacity: 0;}
	100%{opacity: 0;}
}

/* Отступы */
.mt-1 {margin-top: .25rem!important;}
.mt-2 {margin-top: .5rem!important;}
.mt-3 {margin-top: 1rem!important;}
.mt-4 {margin-top: 1.5rem!important;}
.mt-5 {margin-top: 3rem!important;}

.mb-1 {margin-bottom: .25rem!important;}
.mb-2 {margin-bottom: .5rem!important;}
.mb-3 {margin-bottom: 1rem!important;}
.mb-4 {margin-bottom: 1.5rem!important;}
.mb-5 {margin-bottom: 3rem!important;}

.ml-1 {margin-left: .25rem!important;}
.ml-2 {margin-left: .5rem!important;}
.ml-3 {margin-left: 1rem!important;}
.ml-4 {margin-left: 1.5rem!important;}
.ml-5 {margin-left: 3rem!important;}

.mr-1 {margin-right: .25rem!important;}
.mr-2 {margin-right: .5rem!important;}
.mr-3 {margin-right: 1rem!important;}
.mr-4 {margin-right: 1.5rem!important;}
.mr-5 {margin-right: 3rem!important;}

.pr-1 {padding-right: .25rem!important;} /* TODO */
.pl-20 {padding-left: 20px!important;}

.underline-dotted { border-bottom: 2px dotted;}

.form-group .form-control-feedback {
	pointer-events: initial; /* or - auto // or -  unset  */
}

.btn.disabled {
	opacity: 0.3;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: unset;
}

ul.nav.nav-tabs li.active a{
	border-top: 3px solid #337ab7;
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: none;
}
.mark_ap, .mark_ap_bad{
	display: block;
	font-size: 75%;
}

[contenteditable]{
	box-shadow: inset 0 0 3pt 2pt #eea236;
	border-radius: 4px;
}

[contenteditable]:focus{
	background-color: #ddd;
}

.glyphicon.spinning {
	animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
	from { transform: scale(1) rotate(0deg); }
	to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

.no-click {
    pointer-events: none;
}

.enlarge {
	cursor: pointer;
}
.enlarge:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: 0.7s ease;
}