/* reestr.css — Реестр снимков. Стили по мотивам Bootstrap 3.3.7
   (полный bootstrap не подключаем — ломает ff-base.css, проверено 2014-05-19)
   Кашин Д.С., ОИТ, вн. 4410 */

.bs3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px; line-height: 1.42857143; color: #333;
	background: #fff !important;
	-webkit-user-select: none;
}
.bs3 * { box-sizing: border-box; }
.bs3 .navbar-inverse {
	flex: none;
	background: #222; border-bottom: 1px solid #080808;
	padding-top: var(--sat);
}
.bs3 .navbar-inverse .in { display: flex; align-items: center; min-height: 50px; padding: 0 8px 0 15px; }
.bs3 .navbar-brand { flex: none; color: #9d9d9d; font-size: 17px; margin-right: 10px; white-space: nowrap; }
.bs3 .navbar-nav { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #fff; background: #080808; padding: 15px 8px; font-size: 13px; white-space: nowrap; }
.bs3 .navbar-right { flex: none; margin-left: auto; padding-left: 6px; color: #9d9d9d; font-size: 12px; display: flex; align-items: center; gap: 8px; white-space: nowrap; }

.bs3 .scroll { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 10px 12px; }
.bs3 .breadcrumb { padding: 8px 15px; margin: 10px 0; background: #f5f5f5; border-radius: 4px; font-size: 13px; color: #777; }
.bs3 .breadcrumb span + span:before { content: "/\00a0"; padding: 0 5px; color: #ccc; }
.bs3 .breadcrumb a { color: #337ab7; text-decoration: none; }

.bs3 .alert { padding: 10px 35px 10px 12px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px; position: relative; font-size: 13px; }
.bs3 .alert-warning { color: #8a6d3b; background: #fcf8e3; border-color: #faebcc; }
.bs3 .alert-info { color: #31708f; background: #d9edf7; border-color: #bce8f1; }
.bs3 .alert-danger { color: #a94442; background: #f2dede; border-color: #ebccd1; }
.bs3 .alert .close {
	position: absolute; right: 0; top: 0; width: 40px; height: 40px;
	font-size: 21px; font-weight: bold; line-height: 1; color: #000; opacity: .2;
	background: none; border: 0; padding: 0; -webkit-appearance: none;
}
.bs3 small, .bs3 .small { font-size: 85%; }
.bs3 .text-muted { color: #777; }

.bs3 .btn {
	display: inline-block; min-height: 44px; padding: 6px 12px;
	font-size: 14px; line-height: 1.42857143; text-align: center; white-space: nowrap;
	border: 1px solid transparent; border-radius: 4px;
	box-shadow: none; -webkit-appearance: none;
	color: #333; background-color: #fff; border-color: #ccc;
}
.bs3 .btn:active { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); padding: 6px 12px; }
.bs3 .btn-primary { color: #fff; background-color: #2a6496 !important; border-color: #2e6da4; } /* фикс для IE9 */
.bs3 .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
.bs3 .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.bs3 .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
.bs3 .btn-link { color: #337ab7; background: none; border-color: transparent; }
.bs3 .btn[disabled] { opacity: .65; }
.bs3 .btn-xs { min-height: 0; padding: 1px 5px; font-size: 12px; border-radius: 3px; }

.bs3 .label { display: inline-block; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; border-radius: .25em; white-space: nowrap; }
.bs3 .label-default { background: #777; }
.bs3 .label-primary { background: #337ab7; }
.bs3 .label-success { background: #5cb85c; }
.bs3 .label-info { background: #5bc0de; }
.bs3 .label-warning { background: #f0ad4e; }
.bs3 .label-danger { background: #d9534f; }
.bs3 .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; background: #777; border-radius: 10px; }

/* сетка миниатюр (thumbnail) */
.bs3 .thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.bs3 .thumbnail {
	display: block; padding: 3px; margin: 0;
	background: #fff; border: 1px solid #ddd; border-radius: 4px;
	position: relative; text-align: left; -webkit-appearance: none; font: inherit; color: inherit;
}
.bs3 .thumbnail .img { width: 100%; aspect-ratio: 1; background: #eee center/cover no-repeat; border-radius: 2px; }
.bs3 .thumbnail .caption { padding: 3px 1px 0; font-size: 11px; line-height: 14px; color: #333; }
.bs3 .thumbnail .caption .label { font-size: 9px; }
.bs3 .thumbnail input[type=checkbox] {
	position: absolute; top: 6px; left: 6px; width: 24px; height: 24px; margin: 0; pointer-events: none;
}
.bs3 .thumbnail.sel { border-color: #66afe9; box-shadow: 0 0 8px rgba(102,175,233,.8); }

.bs3 .empty-row { padding: 8px; border: 1px solid #ddd; color: #777; font-size: 13px; background: #f9f9f9; }

.bs3 .navbar-fixed-bottom {
	flex: none;
	background: #f8f8f8; border-top: 1px solid #e7e7e7;
	padding: 6px 8px calc(6px + var(--sab));
	display: flex; gap: 6px; flex-wrap: nowrap; overflow-x: auto;
}
.bs3 .navbar-fixed-bottom .btn { flex: none; }
.bs3 .navbar-fixed-bottom .btn-success { flex: 1; }
.bs3 .footer { margin-top: 14px; font-size: 11px; color: #999; border-top: 1px solid #eee; padding-top: 6px; }

/* TODO убрать после перехода на новый шаблон — Кашин 2014 */
.bs3 .alert + .alert { margin-top: -4px !important; }