html, body {
	background: #eee;
    font-weight: 600;
	line-height: 1;
}

body {
	font-size: 12px;
	line-height: 1.2;
}

input[type="checkbox"] {
	height: 14px;
	width: 14px;
}

input[type="text"] {
	height: 25px;
}

select {
	height: 24px;
}

/* Шапка */
	#nav li a span {
		margin-right: 10px;
	}

	.nav li:hover {
		background: #eee;
	}

	.container-fluid {
		/*box-shadow: 0px 0px 4px 1px #bbb;*/
	}

	.navbar,
	.navbar.navbar-default {
		padding: 0;
	}

/* Форма авторизации */
	#loginForm{
		height: 400px;
		top: calc(50% - 200px) !important;
	}

	.login {
		padding: 20px;
	}

	#takeRepeated {
		top: calc(50% - 200px) !important;
	}

/* Тело */
	section {
		position: relative;

		min-width: 980px;
		min-height: 35px;

		width: 99%;

		margin: auto auto 40px;
		padding: 10px;

		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: inset 0 0 10px #ccc;
	}

		section h1 {
			margin: 0 0 2px 0;

			font-size: 24px;
		}
	
	.input-group-addon {
		height: 20px;
		padding: 0;
	}

	.form-control {
		height: 26px;
		padding: 2px 10px 2px 10px;
	}

	/* Табличая вёрстка (позиционирование) */
	.table-position {
		width: 100%;
	}

		.table-position:not(:first-child) {
			/* margin-top: 10px; */
		}

		.table-position tr {
			padding: 10px;
		}

			.table-position tr td {
				padding: 5px 5px 0 5px;
			}


			.table-position tr td.diffSizes {
				vertical-align: top;
			}

				.table-position tr td table {
					width: 100%;
				}

					.table-position tr td table tr td:not(:first-child) {
						padding: 0 0 0 0;
					}

					.table-position tr td table tr td {
						padding: 0 5px 0 0;
					}
					
	.captionTable {
		margin-bottom: 5px; 
		color: blue;
	}					
					
	.displayInfo { /* "Обёртка" для таблиц */
		background: #fff;

		border: 4px solid #ccc;
	}

		.displayInfo tbody tr td {
			vertical-align: middle;
		}
	
		.displayInfo thead tr {
			background: #337ab7;
			color: white;
		}

		.displayInfo .table.table-hover tr td {
			padding: 3px;
		}

			.table {
				margin: 0;
			}

		#fixedsize-500 {
			min-width: 300px !important;
			resize: none;
		}

		#fixedsize {
			resize: none;
		}

		.accent {
			margin-top: 10px;
			padding: 0 0 5px 0;

			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
		.displayInfo tbody tr:hover {
			background: #fff !important;
		}


/* Форма "курсы валют" */
	.money, .details {
		width: 40%;
		height: 100%;

		margin: auto;
		padding: 20px;

		border: 2px solid rgba(200, 200, 200, 0.3);
		border-radius: 8px;
	}

	.details {
		width: 60%;
	}

/* Навигация в формах */
	.formNav {
		width: 100%;

		padding: 10px;

		text-align: right;
	}

/* Подвал */
	/* Версия */
	.version { /* Версия проекта */
		position: fixed;
		bottom: 0;
		right: 0;

		margin: 6px;

		font-size: 14px;

		background: lightgreen;

		border-radius: 2px;

		z-index: 10;
	}

		.version.dev { /* Версия проекта (для разработаки) */
			right: 50px;

			background: lightyellow;
		}

/* Bootstrap */
	.input-group-addon {
		background: hsl(200, 0%, 96%);
		font-size: 12px;
	}

	.form-control {
		font-size: 12px;
	}

	.input-group-addon.size-fixed {
		min-width: 140px;
	}

	.btn.btn-close {
		background: transparent;
	}

	.alert.alert-danger.alert-dismissible {
		font-size: 16px;
	}

	.table-bordered {
		/*border: 0;*/
	}

	.checkbox-inline {
		line-height: 24px;
	}

	.table > thead > tr > td.active,
	.table > tbody > tr > td.active,
	.table > tfoot > tr > td.active,
	.table > thead > tr > th.active,
	.table > tbody > tr > th.active,
	.table > tfoot > tr > th.active,
	.table > thead > tr.active > td,
	.table > tbody > tr.active > td,
	.table > tfoot > tr.active > td,
	.table > thead > tr.active > th,
	.table > tbody > tr.active > th,
	.table > tfoot > tr.active > th {
		background-color: lightgreen !important;
	}
	.table-hover > tbody > tr > td.active:hover,
	.table-hover > tbody > tr > th.active:hover,
	.table-hover > tbody > tr.active:hover > td,
	.table-hover > tbody > tr:hover > .active,
	.table-hover > tbody > tr.active:hover > th {
		background-color: lightgreen !important;
	}

/* Сообщения */
#errorMessage, #successMessage {
	display: none;
}

#list tr td {
	vertical-align: middle;
}

.radio-inline {
	margin: 0;
	line-height: 22px;
}

.radio-inline:not(:first-child){
	padding-left: 30px;
}

.modal-title {
	font-size: 24px;
}

/* Сообщения пользователю */
.closeUserMessage {
	position: absolute;

	right: 2px;
	top: 10px;

	color: #fff;

	border: 0;
	background: transparent;
	outline: none;
}

.message {
	width: 350px;
	/*min-height: 72px;*/
	position: absolute;

	right: 5px;
	top: 5px;

	padding: 10px 30px 10px 10px;

	border-radius: 10px;

	color: #000;
	background: #fafafa;

	font-size: 16px;

	opacity: 0.8;

	z-index: 1000000;
}

/*.message::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #000;
}*/

.message.success {
	background: #00ff99;
}

.message.error {
	color: #fff;
	background: #ff4d4d;
}

/* Отчёты для печати */
.print-area,
.print-area-wide {
	width: 800px;
	overflow: auto;
	
	padding: 0 5px 5px 5px;
	margin: auto;

	border: 1px dashed #aaa;

	font-size: 16px;
	font-family: "Times New Roman", serif;
}

.print-area-wide {
	min-width: 1000px;
}

.print-area > .table-position tr td {
	padding: 3px;
}

.indication {
	display: inline-block;

	margin: 0 5px;

	height: 25px;
	width: 25px;

	cursor: default;

	vertical-align: middle;

	border-radius: 4px;

	background: #fff;
}

.indication.gray { background: #ededed; }
.indication.red { background: #eb2d37; }
.indication.white { border: 1px solid #ccc; background: #fff; }
.indication.green { background: #45eb2d; }
.indication.yellow { background: #f0f646; }

/* Список организаций */
.ogranisations {}

.organisations-btn {
	width: 100%;
	
	padding: 3px 5px;
	
	border: 0;
	background: transparent;

	outline: none;
}

.organisations-btn:hover {
	background: lightgrey;
}

.control-order-button {
	width: 100%;
	padding: 3px 5px;
	border: 0;
	background: transparent;
	outline: none;
	text-align: left;
}

.control-order-button:hover {
	background: lightgrey;
}

/* Поворот на 90 градусов текста */
.rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

p.newPage {
	page-break-after: always; /* разрыв страницы после элемента */
}

.blueInput {
	font-weight: 600 !important; 
	color: black !important; 
	background-color: lightblue !important;
}

.view_input_20 {
	height: 20px;
}

.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.jGrowl .error {
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	opacity: 				1;
	filter: 				alpha(opacity = 100);
	width: 					270px;
	padding: 				0;
	overflow: 				hidden;
	border-color: 			#5ab500;
	background: lightcoral;
}
.jGrowl .success {
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	opacity: 				1;
	filter: 				alpha(opacity = 100);
	width: 					270px;
	padding: 				0;
	overflow: 				hidden;
	border-color: 			#5ab500;
	background: lightgreen;
}

.jGrowl-message {
	padding: 				5px;
	color: 					#000;
	font-size: 1.2em !important;
}

.jGrowl-header {
	padding: 				5px;
	font-size: 2em !important;
}
.jGrowl-close {
	padding: 				5px;
	color: 					transparent;
	margin: 				5px;
	width:					17px;
}

.font-weight600 {
	font-weight: 600;
}

.editable-empty {
	font-style: normal !important;
	color: #555 !important;
}

.rowChild {
	background-color: floralwhite;
}

.visible {
	display: block;
}

.invisible {
	display: none;
}