/**
Табличный контрол
*/

.table-extra-btn {
	position: absolute;
	display: inline-flex;
	flex-direction: row;
	gap: 4px;
	right: 0;
	bottom: 0;
}

.table_rows td.table-actions {
	text-align: center;
	background-color: #DBEAF9;
}

.table-actions > a:not(:last-child) {
	margin-right: 4px;
}

.notify #paging .nopaging::after {
	content: "\00a0"; /*   */
}

#paging > b,
.pager2 > b {
	padding: 0 2px;
	border: 1px solid transparent;
}

.pager2 {
	max-width: calc(var(--view-panel-width) - 30px);
	width: 100%;
	position: sticky;
	left: var(--view-left-offset);
	min-width: 300px;
}

#quick_search {
	margin-right: 76px;
	display: flex;
	text-align: left;
	flex-direction: column;
	background: #eaf9ff;
	box-shadow: #bbc9cf 0 0 6px -1px;
	margin-bottom: 8px;
	min-width: 200px;
}

.onpage-form {
	text-align: right;
	margin-top: 5px;
	flex-grow: 1;
}

.table-onpage-form-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.table-actual-date-wrapper {
	text-align: left;
	flex-grow: 1;
}

.onpage-list {
	width: 72px;
	z-index: 2;
	position: absolute;
}

.onpage-input {
	width: 50px;
	z-index: 3;
	position: absolute;
}

.onpage-input > input {
	width: 50px !important;
	border-right: none;
}

.onpage-btn {
	margin-left: 72px !important;
}

.onpage-btn > img.button {
	height: 16px;
	width: 16px;
}

.onpage-hid {
	position: relative;
	vertical-align: bottom;
	display: inline-block;
}

.table_rows_wrapper {
	padding-right: 1px;
}

.table_rows td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

body.table-numbers-align-right .table_rows td:has(> .number-format:first-child:last-child) {
	text-align: right;
}

body.table-numbers-align-center .table_rows td:has(> .number-format:first-child:last-child) {
	text-align: center;
}

.table_rows td.normal {
	white-space: normal;
}

.table_rows thead td {
	text-overflow: initial;
	overflow: visible;
	background-clip: padding-box;
	position: sticky;
	top: 32px;
	box-shadow: 0 1px 0 #999999;
	z-index: 1;
	background-color: #ffffff;
}

.notify .table_rows thead td {
	top: 0;
}

.table_rows thead td.table-col-hidable {
	background-color: #f2f2f2;
}

.table_rows .tablectrl-resizable-column {
	right: -1px;
}

.cross_highlighted, .cross_highlight_table tbody tr:hover{
	background-color: #E8F0F7 !important;
	--table-row-background-color: #E8F0F7;
}
.table_rows.cross_highlight_table tr {
	background-color: unset !important;
}

.checked-row,
.hov.checked-row,
[onclick^='s_menu'].checked-row,
[onclick^='SelectRow.simpleSelect'].checked-row {
	--table-row-background-color: #ffc;
	background-color: #ffc !important;
}

.selected-row,
.hov.selected-row,
[onclick^='s_menu'].selected-row,
[onclick^='SelectRow.simpleSelect'].selected-row {
	--table-row-background-color: #B4D5F7;
	background-color: #B4D5F7 !important;
}

.checked-row .table_checkbox_wrapper {
	--table-row-background-color: #ffc;
	background-color: #ffc !important;
}

.table_rows .attr-center {
	text-align: center;
}

.table_rows .attr-caption {
	display: none;
}

.table_rows tr {
	background-color: #fff;
}

.table-open-excel._highlighted {
	background-color: #ffc;
	padding: 0 2px;
	margin: 0 -2px;
}

.ctrl-pressed .allow-ctrl-click[onclick^='s_menu']:hover,
.ctrl-pressed .allow-ctrl-click[onclick^='SelectRow.simpleSelect']:hover,
.ctrl-pressed .allow-ctrl-click.hov:hover,
.ctrl-pressed .allow-ctrl-click.hov :hover {
	--table-row-background-color: #ffd;
	background-color: #ffd !important;
	cursor: pointer;
}

.alt-pressed [onclick^='s_menu']:hover,
.alt-pressed [onclick^='SelectRow.simpleSelect']:hover,
.alt-pressed .hov:hover,
.alt-pressed .hov :hover {
	--table-row-background-color: #fff;
	background-color: #fff !important;
	cursor: pointer;
}

.alt-pressed .qsearch-cell:hover {
	--table-row-background-color: #ffd;
	background-color: #ffd !important;
}

.table-cell-wrapper {
	max-height: var(--table-cell-wrapper-max-height, inherit);
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	mask: linear-gradient(to bottom, #000,
	#000 calc(var(--table-cell-wrapper-max-height, 1000000px) - 10px),
	transparent calc(var(--table-cell-wrapper-max-height, 1000000px) - 2px), transparent);
}

tr.table-row-highlighted {
	background-image: linear-gradient(to right, rgba(173, 255, 47, 0.7), rgba(173, 255, 47, 0));
	background-position: 0;
}

tr.table-row-highlighted._old {
	background-image: linear-gradient(to right, rgba(173, 255, 47, 0.4), rgba(173, 255, 47, 0));
}

.table_row {
	background-image: linear-gradient(to right, rgba(173, 255, 47, 0.7), rgba(173, 255, 47, 0));
	background-position: -1000px 0;
	background-size: 1000px;
	background-repeat: no-repeat;
	transition: background-position ease 0.5s;
}

.qsearch-line {
	white-space: nowrap;
	padding: 4px 0 2px 4px;
}

.qsearch-line-name {
	max-width: calc(62% - 74px);
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	text-overflow: ellipsis;
	padding-right: 4px;
}

.general-table-before {
	max-width: calc(var(--view-panel-width) - 30px);
	width: 100%;
	position: sticky;
	left: var(--view-left-offset);
	min-width: 300px;
	min-height: 20px;
	z-index: 3;
}

.qsearch-line-field {
	margin-left: 4px;
	min-width: 50px;
	max-width: 500px;
	width: calc(60% - 66px);
}

.notify .qsearch-line-field {
	width: calc(60% - 66px);
}

.qsearch_info {
	max-width: calc(80% - 75px);
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	text-overflow: ellipsis;
}

.qsearch-line-check {
	margin: 4px;
}

.qsearch-line-check + .qsearch-line-check {
	margin-left: 0;
}

.qsearch-expert-btn {
	margin-right: 4px;
}

.qsearch-line-check._list {
	width: auto;
	min-width: auto;
}

.qsearch-advance-top {
	text-align: center;
	white-space: nowrap;
}

.qsearch-advance-top__item {
	margin-right: 10px;
}

.qsearch-advance-top__item:last-child {
	margin-right: 0;
}

.data-field-name:not(:last-child) {
	margin-right: 5px;
}

.qsearch_checkbox {
	display: none;
}

.qsearch_checkbox:not(:checked) + .qsearch_checkbox_btn {
	display: none;
}

.qsearch_checkbox:checked + .qsearch_checkbox_btn + .qsearch_checkbox_btn {
	display: none;
}

.col-dnd {
	position: absolute;
	content: '1';
	display: none;
	width: calc(100% - 8px);
	height: 16px;
	top: -8px;
	background: url("../img/actions.png") center no-repeat;
	cursor: grab;
}

.cell-dragging {
	background-color: #ffd;
}

.show-dnd .col-dnd {
	display: block;
}

.show-dnd.ui-sortable {
	position: relative;
}

.show-dnd .ui-sortable-helper {
	top: 0;
}

.show-dnd .ui-sortable-helper .col-dnd {
	cursor: grabbing;
}

.cell-dragging-helper-wrapper {
	display: table;
}

.cell-dragging-helper {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.table_rows .fixing-col {
	position: sticky;
	left: var(--view-left-menu);
	background-color: var(--table-row-background-color, #fff);
}

.table_rows thead .fixing-col {
	z-index: 2;
}

.table_rows .fixing-col:nth-of-type(2) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px));
}

.table_rows .fixing-col:nth-of-type(3) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px));
}

.table_rows .fixing-col:nth-of-type(4) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px) + var(--fixing-table-col-3, 0px));
}

.table_rows .fixing-col:nth-of-type(5) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px) + var(--fixing-table-col-3, 0px) + var(--fixing-table-col-4, 0px));
}

.table_rows .fixing-col:nth-of-type(6) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px) + var(--fixing-table-col-3, 0px) + var(--fixing-table-col-4, 0px) + var(--fixing-table-col-5, 0px));
}

.table_rows .fixing-col:nth-of-type(7) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px) + var(--fixing-table-col-3, 0px) + var(--fixing-table-col-4, 0px) + var(--fixing-table-col-5, 0px) + var(--fixing-table-col-6, 0px));
}

.table_rows .fixing-col:nth-of-type(8) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px) + var(--fixing-table-col-3, 0px) + var(--fixing-table-col-4, 0px) + var(--fixing-table-col-5, 0px) + var(--fixing-table-col-6, 0px) + var(--fixing-table-col-7, 0px));
}

.table_rows .fixing-col:nth-of-type(9) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px) + var(--fixing-table-col-3, 0px) + var(--fixing-table-col-4, 0px) + var(--fixing-table-col-5, 0px) + var(--fixing-table-col-6, 0px) + var(--fixing-table-col-7, 0px) + var(--fixing-table-col-8, 0px));
}

.table_rows .fixing-col:nth-of-type(10) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px) + var(--fixing-table-col-3, 0px) + var(--fixing-table-col-4, 0px) + var(--fixing-table-col-5, 0px) + var(--fixing-table-col-6, 0px) + var(--fixing-table-col-7, 0px) + var(--fixing-table-col-8, 0px) + var(--fixing-table-col-9, 0px));
}

.table_rows .fixing-col:nth-of-type(11) {
	left: calc(var(--view-left-menu) + var(--fixing-table-col-1, 0px) + var(--fixing-table-col-2, 0px) + var(--fixing-table-col-3, 0px) + var(--fixing-table-col-4, 0px) + var(--fixing-table-col-5, 0px) + var(--fixing-table-col-6, 0px) + var(--fixing-table-col-7, 0px) + var(--fixing-table-col-8, 0px) + var(--fixing-table-col-9, 0px) + var(--fixing-table-col-10, 0px));
}