table {
	border-collapse: separate !important;
}

.dataTable {
	table-layout: fixed;
}

table td {
	position: relative;
	border-top: 1px solid var(--high-color);
	background-color: var(--table_regular_stroke-color);
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


table tr:last-child td {
	border-bottom: 1px solid var(--high-color);
}


tbody td {
	border-right: 1px solid var(--high-color);
}

.multiline-text td {
	word-break: break-all;
	white-space: normal;
}

td p {
	overflow: hidden;
	text-overflow: ellipsis;
}

thead.bg-grey th {
	height: 40px;
	line-height:1.5;
}


#reportDevicesTable th:nth-child(1) {
    padding: 0;
}


/*Не переносить строки в ячейках*/
table.no-wrap-text td {
	overflow: hidden;
	white-space: nowrap;
}

/*Не переносить строки в заголовках колонок, созданных пользователем*/
.user_table th:not([rowspan="2"]) {
	white-space: nowrap;
	text-align: center;
	text-transform: none;
}


.table-regular th {
	color:var(--high-color);
	background-color: var(--table-color);
	border-collapse: collapse;
	font-weight:normal;
	font-size: 12px;
	line-height: 1.5;
	text-transform:uppercase;
	height: 40px;
	vertical-align:middle;
	padding: 0 8px;
}

.table-regular th {
	border-right: 1px solid var(--high-color);
}

.sorting :hover {
	background-color: white !important;
}

/* отступы в первой колонке таблицы */
table#reportMailingTable th:first-child, table.hardware td:first-child {
	padding: 0 !important;
}

table#reportMailingTable th:first-child p, table.hardware td:first-child p {
	padding: 0 8px !important;
}
/* //отступы в первой колонке таблицы */

/*chrome,edge*/
.scrollbar::-webkit-scrollbar:vertical { 
	width: 0; 
}
/* ie 10+ */
.scrollbar { 
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

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

#alarmTable p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#objectDeviceGatewayTable {
	table-layout: unset;
}

.text-overflow-elipsis td p,
#objectDeviceGatewayTable p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#userTable p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*освобождаем место для иконок редактирования*/
.padding-button td {
	padding-right: 50px;
}

.form-btn-small {
	width: 20px;
	min-width: 20px;
	height: 20px;
	display:block;
	background: no-repeat 0% 0%;
	background-size:cover;
	position:absolute;
	margin: 5px;
}

.form-btn-small {
    cursor: pointer;
}

.inner-wrap table .form-btn-small{
    top: 10px;
    visibility: hidden;
    opacity: 0;
}

.inner-wrap table tr:hover .form-btn-small{
    opacity: 1;
    visibility: visible;
}

.fixed-table {
	table-layout: fixed;
}
.no-fixed-table {
	table-layout: auto !important;
}

.table-layout_auto {
	table-layout: auto;
}

thead tr {
	height: 40px;
}

tbody.bordered tr {
	cursor: default;
}

.table-regular th:first-child,
.table-regular td:first-child {
	border-left: 1px solid var(--high-color);
}

table#alarmNotificationTable th:first-child,
table#alarmNotificationTable td:first-child {
	padding-right: 19px !important;
}

.for-table .dropdown-toggle {
	height: 30px;
	padding-left: 9px !important;
	padding-top:0 !important;
	padding-bottom:1px !important;
	text-align: left;
}

.no-padding.sorting::after,
.no-padding.sorting_asc::after,
.no-padding.sorting_desc::after,
.center-sort::after {
	right: calc(50% - 4px) !important;
}

.table-controls-container {
	display: none;
	align-items: center;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
}

.link_by_click {
	cursor:pointer;
	text-decoration: underline;
}

@media (pointer: fine) and (hover: hover) {
	.table-regular tr:hover td:not(.value-cell) {
		background-color: rgb(var(--table_regular_stroke_hover-rgb));
	}

	.table-regular tr.danger:hover td {
		background-color: rgb(var(--table_danger_stroke_hover-rgb));
	}

	.table-regular tr.success:hover td {
		background-color: rgb(var(--table_success_stroke_hover-rgb));
	}

	.table-regular tr.mismatch:hover td {
		background-color: rgb(var(--table_warning_stroke_hover-rgb));
	}

	tr:hover .table-controls-container {
		display: flex;
		background-color: rgba(var(--table_regular_stroke_hover-rgb), 0.75);
	}

	.success:hover .table-controls-container {
		background-color: rgba(var(--table_success_stroke_hover-rgb), 0.75);
	}

	.danger:hover .table-controls-container {
		background-color: rgba(var(--table_danger_stroke_hover-rgb), 0.75);
	}

	.mismatch:hover .table-controls-container {
		background-color: rgba(var(--table_warning_stroke_hover-rgb), 0.75);
	}
}

@media (pointer: coarse) {
	.table-regular tr.taped td:not(.value-cell) {
		background-color: rgb(var(--table_regular_stroke_hover-rgb));
	}

	.table-regular tr.danger.taped td {
		background-color: rgb(var(--table_danger_stroke_hover-rgb));
	}

	.table-regular tr.success.taped td {
		background-color: rgb(var(--table_success_stroke_hover-rgb));
	}

	.table-regular tr.mismatch.taped td {
		background-color: rgb(var(--table_warning_stroke_hover-rgb));
	}

	.table-regular tr:not(.taped) a,
	.table-regular tr:not(.taped) .link_by_click {
		pointer-events: none;
	}

	tr.taped .table-controls-container {
		display: flex;
		background-color: rgba(var(--table_regular_stroke_hover-rgb), 0.75);
	}

	.success.taped .table-controls-container {
		background-color: rgba(var(--table_success_stroke_hover-rgb), 0.75);
	}

	.danger.taped .table-controls-container {
		background-color: rgba(var(--table_danger_stroke_hover-rgb), 0.75);
	}

	.mismatch.taped .table-controls-container {
		background-color: rgba(var(--table_warning_stroke_hover-rgb), 0.75);
	}
}

.table-controls-container .form-btn-small {
	position: initial !important;
	display: inline-block !important;
}

/* Отступы между кнопками в таблице */
.table-controls-container.spaced a {
	margin: 0 2px;
}

.table-controls-container.spaced .form-btn-small {
	margin-right: 4px;
}

.table-controls-container.spaced a:first-child {
	margin-left: 0;
}

.table-controls-container.spaced a:last-child {
	margin-right: 0;
}
/* //Отступы между кнопками в таблице */

#objectsTable td {
	padding: 0 9px !important;
	text-overflow: ellipsis;
	max-width: 100px;
}
#objectsTable td:last-child p{
	text-overflow: ellipsis;
	overflow: hidden;
}

.paginate_button.disabled-shown a {
	opacity: 0.5;
	color: #fff !important;
	background-color: #556172 !important;
}

.paginate_button.disabled-shown a:hover {
	color: #fff !important;
	background-color: #556172 !important;
	cursor: default;
}

table.table-regular tr.aktiv_light td {
	background-color: #a1a7af !important;
	color: #fff !important;
	transition: all .3s;
}

tbody td:first-child.parameter {	
	max-width: 43vw;
	min-width: 71px;
}

/*Прелоадер таблиц*/

/*Затеняем таблицу*/
table.loading tbody,
.changePageSize-dropdown.loading {
    opacity: .5;
}

.pagginate_block.loading .dataTables_info-text,
.pagginate_block.loading .dataTables_paginate {
	opacity: .5;
	cursor: default;
	pointer-events: none;
}

table.loading span.th-check,
table.loading span.all-checked,
table.loading span.part-checked {
	background-color: transparent !important;
	opacity: 0.5;
}

/*Рисуем кружок*/
.dropdown-list__loader {
    position: absolute;
}

.table__loader.loading{
    position: fixed;
}

.table__loader.loading,
.dropdown-list__loader {
    display: block;
    background-color: #FFFFFF;
    background-image: url(/images/spinner.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
	box-shadow: var(--shadow-high);
    top: 50%;
    left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 30;
}
.validationMessage.warning{
	color: black !important;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
	padding-right: 20px;
}

#objectDeviceGatewayTableHeader [data-l10n-id="ObjectName"] {
	padding-right: 96px;
}

#objectDeviceGatewayTableHeader [data-l10n-id="Status"] {
	width: 30px;
}

#objectDeviceGatewayTableHeader tr:nth-child(2) th{
	border-top: 1px solid var(--white-color);
}

#heatTableEditor th {
	white-space: nowrap;
}

#heatTableEditorTable th .flex-block {
	flex-wrap: nowrap;
}

#heatTableEditorTable th .button__icon {
	position: relative;
	left: 0;
	top: 0;
	cursor: pointer;
}

#heatTableEditor .table__btn:not(:hover) svg {
	color: var(--white-color);
}