.dataTable {
	position: relative;
	padding: 0 0 16px 32px;
	margin: 0 -32px;
	height: calc(100% - 16px);
	transition: opacity 0.1s linear;
	opacity: 1;
}
.dataTable.dataTable-onlyHead {
	height: auto;
}
.dataTable.dataTable-onlyHead tbody tr.dataTable__item:not(.dataTable__item-empty),
.dataTable.dataTable-onlyHead .ps__rail-x,
.dataTable.dataTable-onlyHead .ps__rail-y,
.dataTable.dataTable-onlyHead thead th.pinned-shadow.pinned-shadow-left:after {
	display: none;
}
.dataTable.dataTable-onlyHead thead th.pinned-shadow.pinned-shadow-right:after {
	box-shadow: 1px 0 0 0 var(--base-surf-top) inset;
	width: 1px;
	left: -1px;
}
.dataTable.columnWidthDraggerStarted {
	pointer-events: none;
	cursor: col-resize !important;
}
.dataTable.containerSwipperStarted {
	pointer-events: none;
	cursor: grabbing !important;
}
.dataTable.rowDraggerStarted {
	pointer-events: none;
	cursor: grabbing !important;
}
.dataTable.columnWidthDraggerStarted .widthDraggerSlider:hover,
.dataTable.containerSwipperStarted .widthDraggerSlider:hover,
.dataTable.rowDraggerStarted .widthDraggerSlider:hover {
	background: inherit;
}
.dataTable-none {
	opacity: 0;
}
.dataTable__wrapper {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.dataTable table {
	border-spacing: 0;
	display: none;
}
.dataTable td {
	overflow: hidden;
	box-sizing: border-box;
	height: 40px;
	padding: 0;
	background: var(--base-cont-top);
	box-shadow: var(--screen-minus-px) var(--screen-px) 0 0 var(--base-line-tertiary) inset;
}
/*.dataTable td.td_editable {*/
/*    padding: 0;*/
/*}*/
.dataTable td.plus ws-icon,
.dataTable th.plus ws-icon {
	--icon-size: 16px;
	--icon-color: var(--base-txt-tertiary);
}
.dataTable td.plus task-unseen ws-icon svg,
.dataTable th.plus ws-icon svg {
	fill: var(--base-txt-tertiary);
}
.dataTable td a {
	color: var(--base-txt-secondary);
}
.dataTable td a:hover {
	color: var(--base-txt-link-major);
}
.dataTable th {
	position: relative;
	box-sizing: border-box;
	background: var(--base-cont-mid);
	font-weight: normal;
	text-align: left;
	height: 32px;
}
.dataTable th > div.in, .dataTable th > a.in,
.dataTable td > div.in, .dataTable td > a.in {
	display: flex;
	text-overflow: ellipsis;
	white-space: nowrap;
	container: sidebar / inline-size;
}
.dataTable td > div.in, .dataTable td > a.in {
	overflow: hidden;
}
.dataTable td > div.in .space-asTD.space-none, .dataTable td > a.in .space-asTD.space-none {
	display: none;
}
.dataTable th.auto-width div.in, .dataTable th.auto-width a.in,
.dataTable td.auto-width div.in, .dataTable td.auto-width a.in {
	container: auto;
}
.dataTable th > div.in {
	position: relative;
	width: 100%;
	height: 100%;
	gap: 2px;
	padding: 2px 4px 2px 8px;
	box-sizing: border-box;
	align-items: center;
	justify-content: flex-start;
}
.dataTable th div.columnChevron {
	display: none;
}
.dataTable th:hover div.columnChevron {
	display: block;
	margin-left: auto;
}
.dataTable th div.columnSorting {
	--icon-size: 16px;
	--icon-color: var(--base-txt-btn-b);
	margin-left: auto;
}
.dataTable th div.columnSorting ws-icon {
	display: none;
}
.dataTable th div.columnSorting.columnSorting-asc ws-icon[name="arrows/arrow_circle_sm-down"] {
	display: inline-block;
}
.dataTable th div.columnSorting.columnSorting-desc ws-icon[name="arrows/arrow_circle_sm-up"] {
	display: inline-block;
}
.dataTable th:not(.main):hover div.columnSorting  {
	display: none;
}
/*.dataTable th.main .in.sorted ws-icon[name=subtask] {*/
/*    display: none;*/
/*}*/
/*.dataTable th.main:hover .in.sorted ws-icon[name=subtask] {*/
/*    display: inline-flex;*/
/*}*/
.dataTable-hierarchy th.main .in.sorted .columnSorting {
	margin-right: 44px;
}
.dataTable th[data-width="40"] > div.in {
	padding: 2px 7px;
}
.dataTable th[data-width="40"] {
	cursor: pointer;
}
.dataTable th[data-width="40"]:hover div.columnChevron {
	display: none;
}
.dataTable th[data-width="40"] .in.sorted div.columnValue,
.dataTable th[data-width="40"] .in.sorted div.columnChevron,
.dataTable th[data-width="40"] .in.sorted div.columnPin {
	display: none;
}
.dataTable th[data-width="40"]:hover .in.sorted div.columnPin,
.dataTable th[data-width="40"]:hover .in.sorted div.columnValue {
	display: block;
}
.dataTable th .widthDraggerSlider {
	padding: 0;
	width: 6px;
	height: calc(100% + 1px);
	position: absolute;
	right: -4px;
	z-index: 1;
}
.dataTable th:not(.auto-width) .widthDraggerSlider:hover {
	cursor: col-resize;
	background: var(--base-hlt-invert);
}
body.withTaskView .dataTable th:not(.auto-width) .widthDraggerSlider:hover {
	cursor: inherit;
	background: inherit;
}
.dataTable th .columnValue {
	padding: 0;
	height: 100%;
	left: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 26px;
	flex-shrink: 1;
}
.dataTable th.columnDragger {
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	box-shadow: var(--shadow-cont-minor-outline);
	color: var(--base-hlt-b-invert-major);
	--icon-color: var(--base-hlt-b-invert-major);
	--icon-size: 18px;
	font: var(--font-ui-11-micro-med);
	text-transform: uppercase;
	background: var(--base-cont-top);
	cursor: grabbing;
	border-radius: 4px;
}
.dataTable th.columnDragger .in {
	padding: 2px !important;
}
.dataTable th.columnDragger:hover {
	color: var(--base-hlt-b-invert-major);
	--icon-color: var(--base-hlt-b-invert-major);
	background: var(--base-cont-top);
}
.dataTable th.columnDraggerFrom {
	background: var(--base-cont-mid) linear-gradient(var(--base-hlt-b-hover), var(--base-hlt-b-hover));
}
.dataTable th.columnDraggerHover {
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, var(--screen-minus-px) var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset, 3px 0 0 0 var(--base-hlt-b-invert) inset;
}
.dataTable th.columnDraggerFrom ~ th.columnDraggerHover {
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, var(--screen-minus-px) var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset, -3px 0 0 0 var(--base-hlt-b-invert) inset;
}
.dataTable th {
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, var(--screen-minus-px) var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset;
	perspective: 100px;
}
.dataTable th:not(:has(ws-icon[name="subtask"])):hover {
	background: var(--base-cont-mid) linear-gradient(var(--base-hlt-g-easy), var(--base-hlt-g-easy));
	color: var(--base-txt-primary);
}
.dataTable th ws-icon[name=pin] {
	--icon-size: 16px;
	--icon-color: var(--base-txt-tertiary);
	width: 22px;
}
.dataTable th.columnDragger ws-icon[name=pin] {
	--icon-color: var(--base-hlt-b-invert-major);
}
.dataTable .rowDragger {
	opacity: 0;
	position: fixed;
	padding: 10px 10px 10px 0;
	left: 64px;
	--icon-color: var(--base-txt-tertiary);
	z-index: 1013;
}
.dataTable .rowDragger.rowDragger-visible {
	opacity: 1;
}
.dataTable tr.rowDraggerFrom td {
	background: var(--base-hlt-b-notr-hover) !important;
}
.dataTable tr.rowDraggerFromChild td {
	background: var(--base-hlt-b-notr-easy);
}
.dataTable .rowDragger ws-icon {
	cursor: grab;
}
.dataTable .rowDragger:hover {
	display: block !important;
	opacity: 1;
}
body.withTaskView .dataTable .rowDragger:hover {
	opacity: 0;
}
.dataTable .rowDragger ws-icon:hover {
	--icon-color: var(--base-hlt-b-invert-major);
}
.dataTable .rowDraggerLayout {
	position: absolute;
	transition: none;
	z-index: 9999;
	background: var(--trans);
	box-shadow: none;
	height: 40px;
	width: 40px;
}
.dataTable .rowDraggerLine {
	position: absolute;
	height: 2px;
	z-index: 99999;
	left: 0;
	background: var(--base-txt-btn-b);
}
.dataTable .rowDraggerLine.rowDraggerLine-error {
	background: var(--base-txt-btn-w);
}
.dataTable .rowDraggerBox {
	position: absolute;
	height: 40px;
	z-index: 99999;
	left: 0;
}
.dataTable .rowDraggerBox.rowDraggerBox-error {
	box-shadow: 0 0 0 1px var(--base-txt-alert-minor) inset;
}
.dataTable .rowDraggerBox.rowDraggerBox-selected {
	box-shadow: 0 0 0 1px var(--sidebar-ico-promo) inset;
}
.dataTable thead {
	position: sticky;
	top: 0;
	z-index: 100;
}
.dataTable thead > th.columnDragger + tr,
.dataTable thead tr:first-child {
	background: var(--base-cont-mid);
	color: var(--base-txt-tertiary);
	font: var(--font-ui-11-micro-med);
	text-transform: uppercase;
	backface-visibility: hidden;
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset;
}
.dataTable td.main {
	left: 0;
	padding-left: 0;
}
.dataTable th.pinned,
.dataTable td.pinned {
	min-width: 20px;
	position: sticky;
	z-index: 2;
	backface-visibility: hidden;
}
.dataTable th.anchor,
.dataTable td.anchor {
	width: 0;
	min-width: 0;
	padding: 0;
	height: 0;
	box-shadow: none;
	& > div {
		max-width: 100%;
	}
}
body.desktop .dataTable th.collapsed,
body.desktop .dataTable td.collapsed {
	width: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;
}
body.desktop .dataTable .dataTable__item:not(.dataTable__item-added, .dataTable__item-newTask) td.collapsed {
	/*background: var(--base-cont-top) !important;*/
}
body.desktop .dataTable .dataTable__item:not(.dataTable__item-added, .dataTable__item-newTask):hover td.collapsed {
	/*background: var(--base-hlt-g-notr-easy) !important;*/
}
body.desktop .dataTable td.collapsed .in,
body.desktop .dataTable th.collapsed .in {
	display: none;
}
body.desktop .dataTable th.collapsed ws-icon {
	padding: 0 4px;
	--icon-color: var(--base-txt-tertiary);
	cursor: pointer;
}
body.desktop .dataTable:before {
	content: ' ';
	position: absolute;
	left: 0;
	height: 32px;
	width: 32px;
	background: var(--base-cont-mid);
	box-shadow: 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset;
	z-index: 1;
}
.dataTable tr.empty {
	height: 40px;
	box-shadow: none;
}
.dataTable tr.empty td {
	box-shadow: none;
}

.dataTable__group,
.dataTable__subgroup {
	position: relative;
	z-index: 20;
	height: 68px;
	box-shadow: none;
}
.dataTable__group td,
.dataTable__subgroup td {
	height: 68px;
	box-shadow: none;
	padding: 0;
}
.dataTable__group td div, .dataTable__subgroup td div {
	max-width: 800px;
	min-width: 0;
}
.dataTable__group td span.space, .dataTable__subgroup td span.space {
	flex-shrink: 0;
}
.dataTable__group td span.name, .dataTable__subgroup td span.name {
	flex-shrink: 1;
	text-overflow:ellipsis;
	overflow: hidden;
}
.dataTable__group:not(.dataTable__group-role) td span.name[onclick]:hover,
.dataTable__subgroup:not(.dataTable__subgroup-role) td span.name[onclick]:hover,
.dataTable__subgroup:not(.dataTable__subgroup-role) td span.name[data-menu-url]:hover
{
	text-decoration: underline dotted;
	cursor: pointer;
}

.dataTable__group:has(+ .dataTable__group) td, .dataTable__group:has(+ .dataTable__subgroup) td,
.dataTable__subgroup:has(+ .dataTable__group) td, .dataTable__subgroup:has(+ .dataTable__subgroup) td,
.dataTable__subgroup:has(+ .dataTable__item-collapsedSub) td {
	/* box-shadow: 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset !important; */
}
.dataTable__subgroup:not(+ .dataTable__item-hidden) td {
	/* box-shadow: 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset !important; */
}
.dataTable__group:not(:has(~ .dataTable__group, ~.dataTable__subgroup:not(.dataTable__subgroup-collapsed))) td,
.dataTable__subgroup:not(:has(~ .dataTable__subgroup)) td,
.dataTable__subgroup:has(+ .dataTable__item:not(.dataTable__item-collapsedSub)) td,
.dataTable.dataTable-searchStarted .dataTable__subgroup:has(+ .dataTable__item) td {
	 box-shadow: none !important;
}
.dataTable__item:not(:has(~ .dataTable__item:not(.dataTable__item-hidden))) td {
	/* box-shadow: var(--screen-minus-px) var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset; */
}
/*.dataTable__item:not(:has(~ .dataTable__item:not(.dataTable__item-hidden))) td.td_checkbox,*/
/*.dataTable__item:has(+ .dataTable__item.dataTable__item-hidden) td.td_checkbox {*/
/*	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset;*/
/*}*/
.dataTable__item:not(:has(~ .dataTable__item:not(.dataTable__item-hidden))) td.plus.side-shadow,
.dataTable__item:has(+ .dataTable__item.dataTable__item-hidden) td.plus.side-shadow {
	/* box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset, var(--screen-px) 0 0 0 var(--base-line-tertiary) inset; */
}
.dataTable__item:has(+ .dataTable__item.dataTable__item-hidden) td {
	/* box-shadow: var(--screen-minus-px) var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset; */
}
.dataTable__item-empty {
	height: 40px;
	border-radius:4px;
}
.dataTable__item-empty:not(.dataTable__item-instead) {
	pointer-events: none
}
.dataTable__item-empty td {
	height: 40px;
}
.dataTable__tbody-none {
	display: none;
}
.dataTable .dataTable__item.dataTable__item-fake td,
.dataTable .dataTable__group.dataTable__group-fake td,
.dataTable .dataTable__subgroup.dataTable__subgroup-fake td {
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset !important;
}
.dataTable .dataTable__item.dataTable__item-realLevel0.dataTable__item-name-selected td.td_name {
	box-shadow: 0 0 0 1px var(--sidebar-ico-promo);
}
.dataTable .dataTable__item.dataTable__item-realLevel0.dataTable__item-name-selected td.td_checkbox {
	box-shadow: 1px 1px 0 var(--sidebar-ico-promo) inset, 0 -1px 0 var(--sidebar-ico-promo) inset;
}
.dataTable .dataTable__item.dataTable__item-realLevel0.dataTable__item-name-selected td.td_checkbox + td.td_name {
	box-shadow: -1px -1px 0 var(--sidebar-ico-promo) inset, 0 1px 0 var(--sidebar-ico-promo) inset;
}
.dataTable .dataTable__item.dataTable__item-realLevel1.dataTable__item-name-selected td.td_name {
	box-shadow: 1px 1px 0 var(--sidebar-ico-promo) inset, -1px -1px 0 var(--sidebar-ico-promo) inset;
}
.dataTable .dataTable__item.dataTable__item-realLevel0.dataTable__item-name-error td.td_name {
	box-shadow: 0 0 0 1px var(--base-txt-alert-minor);
}
.dataTable .dataTable__item.dataTable__item-realLevel0.dataTable__item-name-error td.td_checkbox {
	box-shadow: 1px 1px 0 var(--base-txt-alert-minor) inset, 0 -1px 0 var(--base-txt-alert-minor) inset;
}
.dataTable .dataTable__item.dataTable__item-realLevel0.dataTable__item-name-error td.td_checkbox + td.td_name {
	box-shadow: -1px -1px 0 var(--base-txt-alert-minor) inset, 0 1px 0 var(--base-txt-alert-minor) inset;
}
.dataTable .dataTable__item.dataTable__item-realLevel1.dataTable__item-name-error td.td_name,
.dataTable .dataTable__item.dataTable__item-realLevel2.dataTable__item-name-error td.td_name {
	box-shadow: 1px 1px 0 var(--base-txt-alert-minor) inset, -1px -1px 0 var(--base-txt-alert-minor) inset;
}
.dataTable .dataTable__item:first-of-type td {
	box-shadow: var(--screen-minus-px) 0 0 0 var(--base-line-tertiary) inset;
}
.dataTable thead .dataTable__item td {
	box-shadow: var(--screen-minus-px) var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset !important;
	&.td_checkbox {
			box-shadow: 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset !important;
	}
}
.dataTable .dataTable__item:first-of-type td.td_checkbox {
	box-shadow: none;
}
.dataTable__group td.anchor,
.dataTable__subgroup td.anchor {
	position: sticky;
	left: 0;
	box-shadow: none;
}
.dataTable__group td div,
.dataTable__subgroup td div {
	padding: 20px 0 0 0;
	min-width: 0;
	position: absolute;
	top: 6px;
	display: flex;
	align-items: center;
	height:  40px;
}
/*.dataTable__item .td_checkbox + td.td_name > .in {*/
/*    padding-left: 0;*/
/*}*/
.dataTable__group td span.name,
.dataTable__subgroup td span.name {
	font: var(--font-ui-22-title-1-semi);
	margin-right: 8px;
	white-space: nowrap;
}
.dataTable__subgroup, .dataTable__subgroup td {
	height: 40px;
}
.dataTable__subgroup td div {
	padding: 0 0 0 0;
	top: 0;
}
.dataTable__subgroup td span.name {
	font: var(--font-ui-18-title-2-semi);
}
.dataTable td.plus,
.dataTable th.plus {
	min-width: 50px;
	position: sticky;
	right: 0;
	width: 100% !important;
	padding: 0 8px;
}
/*.dataTable th.plus ws-btn {*/
/*    cursor: pointer;*/
/*}*/
/*.dataTable th.plus div {*/
/*    width: 48px;*/
/*    text-align: center;*/
/*}*/
.dataTable td.td_checkbox {
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset;
}
.dataTable th.td_checkbox {
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset;
}
.dataTable td.plus.side-shadow {
	/* box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, var(--screen-px) 0 0 0 var(--base-line-tertiary) inset; */
}
.dataTable th.plus.side-shadow.pinned-shadow {
	/*box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset, var(--screen-px) 0 0 0 var(--base-line-tertiary) inset;*/
}
.dataTable__item {
	cursor: pointer;
	position: relative;
	z-index: 0;
}
.dataTable__item:hover td, .dataTable__item-hover td {
	background: linear-gradient(var(--base-hlt-g-easy), var(--base-hlt-g-easy)), var(--base-cont-top);
}
.dataTable__item:has(+ .dataTable__group, + .dataTable__subgroup) td {
	box-shadow: var(--screen-minus-px) var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset;
}
.dataTable__item:has(+ .dataTable__group, + .dataTable__subgroup) td.td_checkbox {
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset;
}
.dataTable__item:has(+ .dataTable__group, + .dataTable__subgroup) td.plus.side-shadow {
	/*box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset, var(--screen-px) 0 0 0 var(--base-line-tertiary) inset;*/
}
.dataTable__item-sticky td {
	box-shadow: 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset, var(--screen-minus-px) var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset;
}
.dataTable__group td.td_checkbox {
	box-shadow: none;
}

.dataTable .pinned-shadow:after {
	content: ' ';
	position: absolute;
	width: 7px;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease;
	top: 0
}
.dataTable .pinned-shadow.pinned-shadow-left:after {
	top: 0;
	right: -7px;
	width: 7px;
	opacity: 1;
	/*background: linear-gradient(90deg, var(--base-surf-top) -50%, var(--trans) 100%);*/
	box-shadow: 1px 0 0 0 var(--base-line-tertiary) inset, 4px 0 0 0 var(--base-cont-trans-low) inset;
	/* box-shadow: 1px 0 0 0 var(--base-surf-top) inset; */
	height: 100%;
}
.dataTable .pinned-shadow.pinned-shadow-right:after {
	top: 0;
	left: -7px;
	opacity: 1;
	height: 100%;
	/*box-shadow: var(--screen-minus-px) 0 0 0 var(--base-surf-top) inset;*/
	/*background: linear-gradient(270deg, var(--base-surf-top) -50%, var(--trans) 100%);*/
	box-shadow: -4px 0 0 0 var(--base-cont-trans-low) inset, -1px 0 0 0 var(--base-line-tertiary) inset;
}
/*body[data-color=color] .dataTable .pinned-shadow.pinned-shadow-right:after {*/
/*    box-shadow: var(--screen-minus-px) 0 0 0 var(--base-line-tertiary) inset;*/
/*}*/
@media print {
	.dataTable .pinned-shadow.pinned-shadow-left:after, .dataTable .pinned-shadow.pinned-shadow-right:after {
		display: none
	}
}
.dataTable__fakeTh {
	display: none;
	opacity: 0;
	position: absolute;
	background: var(--base-cont-mid);
	box-shadow: 0 var(--screen-minus-px) 0 0 var(--base-line-tertiary) inset, 0 var(--screen-px) 0 0 var(--base-line-tertiary) inset;
	height: 32px;
	width: 32px;
	top: 0;
	left: 0;
}
.dataTable__fakeTh-active {
	display: block;
	opacity: 0;
}
.dataTable__shadowLine {
	display: none;
	position: absolute;
	width: 7px;
	opacity: 0;
	transition: opacity 0.8s ease;
	z-index: 101;
}
.dataTable__shadowLine-left {
	/*margin-left: -1px;*/
	/*background: linear-gradient(90deg, var(--base-surf-top) -50%, var(--trans) 100%);*/
	box-shadow: 1px 0 0 0 var(--base-line-tertiary) inset, 4px 0 0 0 var(--base-cont-trans-low) inset;
}
.dataTable__shadowLine-right {
	/*box-shadow: var(--screen-minus-px) 0 0 0 var(--base-surf-top) inset;*/
	/*background: linear-gradient(270deg, var(--base-surf-top) -50%, var(--trans) 100%);*/
	box-shadow: -4px 0 0 0 var(--base-cont-trans-low) inset, -1px 0 0 0 var(--base-line-tertiary) inset;
}
/*body[data-color=color] .dataTable__shadowLine-left {*/
/*    box-shadow: 1px 0 0 0 var(--base-line-tertiary) inset;*/
/*}*/
/*body[data-color=color] .dataTable__shadowLine-right {*/
/*    box-shadow: var(--screen-minus-px) 0 0 0 var(--base-line-tertiary) inset;*/
/*}*/
.dataTable__shadowLine-active {
	display: block;
	opacity: 1;
}
.dataTable .widthDraggerLine {
	display: none;
	position: absolute;
	width: 2px;
	height: 100%;
	background: var(--base-hlt-invert);
	z-index: 300;
}
.dataTable .widthDraggerLine:after {
	content: ' ';
	height: 32px;
	width: 8px;
	left: -3px;
	position: absolute;
	background: var(--base-hlt-invert);
	cursor: col-resize;
}
.dataTable__group label,
.dataTable__item label {
	position: relative;
}
.dataTable__item-active,
.dataTable__item.selected,
.dataTable .datatable__group-active {
	box-shadow: none;
	background: none;
}
.dataTable__item-active:not(.dataTable__item-warning) td,
.dataTable__group-active td,
.dataTable__subgroup-active td {
	background: var(--base-hlt-notr-easy) !important;
}
.dataTable__item-active.dataTable__item-warning td {
	background: var(--base-hlt-w-notr-easy) !important;
}
.dataTable__item.selected td {
	 background: var(--base-cont-top) linear-gradient(var(--base-hlt-g-easy), var(--base-hlt-g-hover));
}
.td_checkbox + td.anchor,
.td_checkbox + td.main,
.th_checkbox + th.main {
	left: 28px;
}
/*.td_checkbox + td.anchor{*/
/*    padding-left: 8px;*/
/*}*/
/*.td_checkbox + td.main > .in {*/
/*    padding-left: 0 !important;*/
/*    margin-left: 0 !important;*/
/*}*/


.dataTable .td_checkbox, .dataTable .th_checkbox {
	width: 24px;
	box-sizing: border-box;
	padding: 0 2px;
	left: 0;
}
.dataTable .th_checkbox, .dataTable .th_checkbox.pinned {
	z-index: 100;
}
.dataTable__item-warning .inputCheckbox input:checked ~ span svg,
.dataTable__item-warning .inputCheckbox input:indeterminate ~ span svg,
.dataTable__item-warning .inputCheckbox:active input[type=checkbox] ~ span svg {
	fill: var(--base-txt-alert-major)
}

.dataTable .inputCheckbox:not(.inputCheckbox-alwaysOn):active input ~ span,
.dataTable .inputCheckbox:not(.inputCheckbox-alwaysOn) input:checked ~ span {
	background: none
}
.dataTable__item td.main .in .ava {
	padding: 0 8px;
}
.dataTable .inputCheckbox span {
	width: 16px;
	height: 16px;
	padding: 4px;
	background: none !important;
}
.dataTable .inputCheckbox ws-icon {
	--icon-size: 16px;
	width: 16px;
	height: 16px;
}
.dataTable td.main:has(.inputCheckbox) {
	padding: 2px 8px 2px 2px;
}
.dataTable__group td div:has(.inputCheckbox) {
	padding: 20px 0 0 0;
}
.dataTable__subgroup td div:has(.inputCheckbox) {
	padding: 0;
}
.dataTable th.main:has(.inputCheckbox) .in {
	padding: 2px 8px 2px 0;
	gap: 6px;
}
.dataTable label.inputCheckbox,
.dataTable__item label.inputCheckbox,
.dataTable__group label.inputCheckbox,
.dataTable__subgroup label.inputCheckbox  {
	opacity: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dataTable tr:hover th.main label.inputCheckbox,
.dataTable__item:hover label.inputCheckbox,
.dataTable__group:hover label.inputCheckbox,
.dataTable__subgroup:hover label.inputCheckbox,
.dataTable tr th.main label.inputCheckbox.act,
.dataTable__item-active label.inputCheckbox,
.dataTable__item.selected label.inputCheckbox,
.dataTable__group-active label.inputCheckbox,
.dataTable__subgroup-active label.inputCheckbox {
	opacity: 1;
}
.dataTable tr.rowDraggerFrom label.inputCheckbox,
.dataTable tr.rowDraggerFromChild label.inputCheckbox,
.dataTable tr:hover th.main label.inputCheckbox {
	opacity: 0;
}
.dataTable thead tr:hover  label.inputCheckbox {
	opacity: 1;
}
body.withMass .dataTable tr th label.inputCheckbox,
body.withMass .dataTable__item label.inputCheckbox,
body.withMass .dataTable__group label.inputCheckbox ,
body.withMass .dataTable__subgroup label.inputCheckbox {
	opacity: 1;
}
body.withMass .dataTable__item:hover td {
	background: var(--base-hlt-notr-easy);
	cursor: pointer;
}
body.withMass .dataTable__item:hover td a.in {
	background: transparent;
	cursor: pointer;
}
#dataTable__menu,.dataTable__menu {
	width: 330px;
}
@media screen and (min-width: 481px) {
	#dataTable__menu .scrollZone {
		max-height: 80vh;
	}
}
#dataTable__menu .dataTable__menu__row {
	min-height: 32px;
	padding: 0 2px 0 4px;
}
#dataTable__menu .dataTable__menu__row-none {
	display: none;
}
#dataTable__menu .dataTable__menu__row span {
	font: var(--font-ui-13-small-med);
	font-weight: 600;
}
#dataTable__menu .dataTable__menu__row ws-btn {
	font-weight: 600;
	width: 140px;
}
#dataTable__menu .dataTable__menu__row ws-btn span,
#dataTable__menu .menu-secondary span {
	font: var(--font-ui-13-small-reg);
}
#dataTable__menu .dataTable__menu__row ws-btn .btn-right-icon {
	margin-left: auto;
}
#dataTable__menu .dataTable__menu__row-switchers {
}
#dataTable__menu .dataTable__menu__row-switchers div {
	cursor: pointer;
	/* height: 32px;
	border-radius: 6px;
	padding: 0 4px; */
}
#dataTable__menu .dataTable__menu__row-switchers div.none {
	display: none;
}
/* #dataTable__menu .dataTable__menu__row-switchers ws-icon {
	width: 32px;
	height: 32px;
} */
#dataTable__menu .dataTable__menu__row-switchers div[data-settings-value]:not([data-settings-value='1']),
#dataTable__menu .dataTable__menu__row-switchers div[data-settings-value]:not([data-settings-value='1']) span.in {
	color: var(--base-txt-tertiary);
	--icon-color: var(--base-txt-tertiary);
}
#dataTable__menu .dataTable__menu__row-switchers div[data-settings-name=empty_groups] ws-icon {
	display: none;
}
#dataTable__menu .dataTable__menu__row-switchers div[data-settings-name=empty_groups][data-settings-value]:not([data-settings-value='1']) ws-icon[name=eye-close] {
	display: inline-flex;
}
#dataTable__menu .dataTable__menu__row-switchers div[data-settings-name=empty_groups][data-settings-value='1'] ws-icon[name=eye-open] {
	display: inline-flex;
}
/* #dataTable__menu .dataTable__menu__row-switchers div[data-settings-name]:hover {
	background: var(--base-hlt-g-hover);
} */
#dataTable__menu .menu__group-bottom .btn-plain {
	font-weight: 600;
}
#dataTable__menu .menu-secondary {
	width: 140px;
}
#dataTable__menu .menu-secondary .menu__group {
	padding: 4px 6px;
}
#dataTable__menu .menu-secondary ws-icon {
	--icon-size: 16px;
	width: 24px;
}
#dataTable__menu .dataTable__menu__columns {
	padding: 0 4px 8px 4px;
}
#dataTable__menu .dataTable__menu__columns__title {
	display: flex;
	font: var(--font-ui-13-small-med);
	font-weight: 600;
	height: 32px;
	align-items: center;
}
#dataTable__menu .dataTable__menu__columns__body {
	flex-wrap: wrap;
	gap: 4px;
}
#dataTable__menu .dataTable__menu__columns__body ws-btn .btn-skeleton .btn-left-icon,
#dataTable__menu .dataTable__menu__columns__body ws-btn .btn-right-icon {
	display: none;
}
#dataTable__menu .dataTable__menu__columns__body ws-btn .btn-disabled .btn-right-icon,
#dataTable__menu .dataTable__menu__columns__body ws-btn .btn-fill .btn-left-icon,
#dataTable__menu .dataTable__menu__columns__body ws-btn[left-icon=labels_group] .btn-left-icon {
	display: block;
}
#dataTable__menu .dataTable__menu__columns__body ws-btn.sorted[data-column-enabled="1"] .btn-right-icon {
	display: block;
}
#dataTable__menu .dataTable__menu__columns__body ws-btn.sorted ws-icon {
	--icon-color: var(--base-txt-btn-b);
}
#dataTable__menu #dataTable__menu-ok:has(.btn-hide) {
	display: none;
}
@container (width < 20px) {
	ws-icon[name=pin] {
		display: none;
	}
}
.dataTable th  ws-icon[name=subtask] {
	position:absolute;
	right: var(--screen-minus-px);
	top: 0;
	width: 40px;
	height:30px;
	--icon-color: var(--base-txt-tertiary);
	--icon-size: 16px;
	border-left: var(--screen-px) solid var(--base-line-tertiary);
	&:hover {
		background: var(--base-cont-mid) linear-gradient(var(--base-hlt-g-easy), var(--base-hlt-g-easy));
		color: var(--base-txt-primary);
	}
}
.dataTable:not(.dataTable-searchStarted) .dataTable__subgroup-collapsed, .dataTable:not(.dataTable-searchStarted) .dataTable__item-collapsed, .dataTable:not(.dataTable-searchStarted) .dataTable__item-collapsedSub:not(.dataTable__item-empty-spacer) {
	display: none !important;
}
.dataTable__group .space,
.dataTable__subgroup .space,
.dataTable__item .space {
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dataTable__group .space-expand,
.dataTable__subgroup .space-expand {
	--icon-color: var(--base-txt-tertiary);
	width: auto;
}
.dataTable__subgroup .space-expand {
	--icon-size: 16px;
}
.dataTable__group ws-btn[right-icon=plus_sm],
.dataTable__subgroup ws-btn[right-icon=plus_sm] {
	transition:0.3s opacity
}
.dataTable__group:not(:hover) ws-btn,
.dataTable__subgroup:not(:hover) ws-btn {
	&[right-icon=plus_sm], &[right-icon=add_box]  {
		opacity: 0;
	}
}
.dataTable__group ws-btn[right-icon=add_box]  {
	margin-left: 8px;
}

.dataTable__group-empty .space-expand {
	display:none
}
.dataTable__group .space-expand:not(.space-expand-on) ws-btn:last-child,
.dataTable__subgroup .space-expand:not(.space-expand-on) ws-btn:last-child {
	display: none
}
.dataTable__group .space-expand-on ws-btn:first-child,
.dataTable__subgroup .space-expand-on ws-btn:first-child {
	display: none
}

.dataTable__item ws-icon[name=block], .dataTable__group ws-icon[name=block], .dataTable__subgroup ws-icon[name=block] {
	--icon-color: var(--base-hlt-w-invert-minor);
}

.dataTable-searchStarted .dataTable__group .space-expand,
.dataTable-searchStarted .dataTable__subgroup .space-expand {
	display: none
}
.dataTable__group-empty {
	color:var(--base-txt-tertiary);
}

.dataTable__group ws-icon.tag {
	background: var(--tag-bg);
	width: 28px;
	height: 28px;
	--icon-size: 24px;
	border-radius: 8px;
}
.dataTable__group .av_sm {
	transform:scale(1.167);
	margin-left: 2px;
	cursor: pointer;
}
.dataTable__subgroup .av_sm {
	transform:scale(0.8333);
	cursor: pointer;
}
.dataTable__subgroup ws-icon.tag {
	width: 24px;
	height: 24px;
	--icon-size: 20px;
	border-radius: 6px;
}
.dataTable__group td .space ws-icon.proj_color {
	width: 20px;
	height: 20px;
	padding: 2px;
	border-radius: 6px;
}
.dataTable__group td .space ws-emoji {
	width: 20px;
	height: 20px;
}
.dataTable .moredots {
	margin: 0
}
.dataTable__item-partSearch td > .in {
	opacity:0.4
}
.dataTable__wrapper.ps--scrolling-y,
.dataTable__wrapper.ps--scrolling-x {
	pointer-events: none
}

body.desktop .dataTable > .ps__rail-x {
	left: 32px !important;
}
body.mobile .menu-column .menu__item[data-collapse="1"] {
	display: none;
}
body.withDatatable #content {
	padding: 0 32px 2px 32px;
}
body.desktop.withDatatable.withTaskPanel #content {
	padding: 0 32px 42px 32px;
}
body.mobile.withDatatable #content {
	padding: 0 12px;
}
body.mobile.withDatatable.withTaskPanel #content {
	padding: 0 12px;
}
body.mobile .dataTable {
	padding: 0;
	margin: 0 -12px;
	height: 100%;
}
body.mobile.withTaskPanel .dataTable {
	padding: 0;
}
body.mobile .dataTable th.plus,
body.mobile .dataTable td.plus {
	position: relative;
}
body.mobile .dataTable th.pinned {
	transition: min-width 0.5s ease-out;
}
body.mobile .dataTable th .widthDraggerSlider:hover {
	cursor: inherit;
	background: inherit;
}
body.mobile .dataTable th:hover div.columnChevron {
	display: none;
}
body.mobile .dataTable th.collapsed ws-icon {
	display: none;
}
body.mobile .dataTable .ps__rail-x .ps__thumb-x,
body.mobile .dataTable .ps__rail-y .ps__thumb-y {
	transition: opacity 0.5s ease-out;
	opacity: 0;
}
body.mobile .dataTable .ps__rail-x.ps__rail-active .ps__thumb-x,
body.mobile .dataTable .ps__rail-y.ps__rail-active .ps__thumb-y {
	opacity: 1;
}
.dataTable__item-total .td_money span,
.dataTable__item-total .td_time span {
	font: var(--font-ui-22-title-1-semi);
	justify-content: flex-end;
}
.dataTable__item-total .td_report_money span,
.dataTable__item-total .td_report_time span {
	font: var(--font-ui-22-title-1-semi);
	justify-content: flex-end;
}
.dataTable__item-total .td_max_money span.in,
.dataTable__item-total .td_max_time span.in {
	font: var(--font-ui-18-title-2-semi);
	color: var(--base-txt-secondary) !important;
	justify-content: flex-end;
}
.dataTable__group .td_report_money span,
.dataTable__group .td_report_time span {
	font: var(--font-ui-18-title-2-semi);
	place-self:end;
	padding: 20px 8px 0;
}
.dataTable__group .td_money span,
.dataTable__group .td_time span {
	font: var(--font-ui-18-title-2-semi);
	place-self:end;
	padding: 20px 8px 0;
}
.dataTable__subgroup .td_report_money span,
.dataTable__subgroup .td_report_time span {
	font: var(--font-ui-15-large-reg);
	place-self:end;
	padding:0 8px;
}
.dataTable__subgroup .td_money span,
.dataTable__subgroup .td_time span {
	font: var(--font-ui-16-title-3-semi);
	place-self:end;
	padding:0 8px;
}
.dataTable__item-total td.td_time > span,
.dataTable__item-total td.td_report_time > span,
.dataTable__item-total td.td_max_time > span.in,
.dataTable__group .td_time span,
.dataTable__subgroup .td_time span,
.dataTable__group .td_report_time span,
.dataTable__subgroup .td_report_time span,
.dataTable__group .td_max_time span.in,
.dataTable__subgroup .td_max_time span.in {
	color: var(--costs-time-major);
	font-variant-numeric: tabular-nums;
}
.dataTable__item-total td.td_money > span,
.dataTable__item-total td.td_report_money > span,
.dataTable__item-total td.td_max_money > span,
.dataTable__group .td_money span,
.dataTable__subgroup .td_money span,
.dataTable__group .td_report_money span,
.dataTable__subgroup .td_report_money span,
.dataTable__group .td_max_money span.in,
.dataTable__subgroup .td_max_money span.in {
	color: var(--costs-money-major);
	font-variant-numeric: tabular-nums;
}
body.withMass .dataTable__item-total td {
	background:var(--base-hlt-notr-easy) !important
}
body.withMass .dataTable__item-total span.not_mass {
	display:none
}
body:not(.withMass) .dataTable__item-total span.only_mass {
	display:none
}

body.withMass td a,
body.withMass td ws-btn,
body.withMass td [data-url],
body.withMass td [data-id],
body.withMass td [data-action]
{
	pointer-events: none;
}

@media screen and (max-width: 1200px) {
	.dataTable__group td div, .dataTable__subgroup td div {
		max-width: 500px;
	}
}
@media screen and (max-width: 700px) {
	.dataTable__group td div, .dataTable__subgroup td div {
		max-width: 300px;
	}
}
body.mobile .dataTable__group td div, body.mobile .dataTable__subgroup td div {
	min-width: unset;
	max-width: unset;
}
.dataTable__item-empty .td_name:before {
	content: '';
	position:absolute;
	right:40px;
	top:0;
	bottom:0;
	border-left:var(--screen-px) solid var(--base-line-tertiary)
}
.dataTable__item:hover td.plus ws-btn {
	display: inline-block;
	margin: 0;
}
.dataTable__item td.plus ws-btn,
.withMass .dataTable__item td.plus ws-btn
{
	display: none;
}


datatable-hierarchy-menu {
	overflow: hidden;
	&[hierarchy="0"], &[hierarchy="false"] {
		padding-bottom: 0;

	}
	&[hierarchy] .menu__editable-buttons .menu__group-buttons {
		padding: 0;
		height: fit-content;
		gap: 0;

		& ws-btn {
			width: 100%;
			& + ws-btn {
				border-left: var(--screen-px) solid var(--base-line-secondary);
			}
			button {
				border-radius: 0;
			}
		}
	}
}

/* --- */
.dataTable__item {
	font: var(--font-ui-13-small-reg);
}

/* hints config: */
.dataTable__item td .data,
.dataTable__item td .editable-value .view,
.dataTable__item td > .in {
	--hint-color: white;
	--hint-parent: parent-td;
	--hint-dir: top_right;
	--hint-offset: 0 6;
}
.dataTable__item td .data .in + ws-btn { --hint-dir: top_left; }
.dataTable__item .space-asTD { --hint-parent: none; --hint-dir: top; }
.dataTable__item .space-asTD > [data-title] { --hint-parent: parent; }

.dataTable__item .space-4, .dataTable__subgroup .space-4, .dataTable__group .space-4 { width: 4px; }
.dataTable__item .space-8, .dataTable__subgroup .space-8, .dataTable__group .space-8 { width: 8px; }

.dataTable__item .space.space-empty {
	min-height: 36px;
}

.dataTable-biggerGroupSpace {
	.dataTable__group .space:not(.space-expand),
	.dataTable__subgroup .space:not(.space-expand),
	.dataTable__item .td_name .space:not(.space-expand) { width: 56px; }

	.dataTable__item .td_name .space-4, .dataTable__subgroup .space-4, .dataTable__group .space-4 { width: 8px; }
	.dataTable__item .td_name .space-8, .dataTable__subgroup .space-8, .dataTable__group .space-8 { width: 12px; }
}


.dataTable__group {
	.space {
		.group_row_ico {
			position: relative;
			width: 32px;
			height: 32px;

			ws-icon {
				width: 32px;height: 32px;--icon-size: 20px;
				border-radius: 6px;
			}

			ws-icon.tag {
				background: var(--tag-color);
				svg {fill: var(--base-txt-btn-flip) !important;}
				&[name="task_workflow/started"]:after,
				&[name="prj_workflow/progress"]:after {
					background: conic-gradient(var(--base-txt-btn-flip), var(--base-txt-btn-flip) var(--percent), transparent var(--percent));
				}
			}

			ws-icon[class^="proj_folder_color"] {
				background: var(--folder-color);
				svg {fill: var(--base-txt-btn-flip);}
			}

			img.av_nm {
				border-radius: 6px;
			}
			span.av_nm {
				border-radius: 6px;
				transform: scale(0.6667);
				margin: -8px;
			}

			tags-group-icon ws-icon {
				border-radius: 6px;
				background: var(--base-txt-primary);
				svg {fill: var(--base-txt-btn-flip);}
			}

			/*.proj_folder {*/
			/*    width: 32px;height: 32px;--icon-size: 20px;*/
			/*    background: var(--folder-color);*/
			/*}*/

			button {pointer-events: none;}
		}
	}
}

tr.dataTable__item:has(ws-editable .editing) {
	& .td_checkbox, & .td_delete {
		opacity: 0;
		pointer-events: none;
	}
}