.dataTable__item td > .in task-done-date {
	width: 100%;
}
.dataTable__item .td_name .space-expand.space-expand-shown:not(.space-expand-on) {
	background: var(--base-hlt-easy);
	color: var(--base-txt-act-minor);
}
.dataTable__item .td_name .space-expand.space-expand-shown:not(.space-expand-on):hover {
	background: var(--base-hlt-hover);
}
.dataTable__item:hover .td_name .space-expand.space-expand-shown:not(.space-expand-on) {
	/* background: var(--base-hlt-hover); */
	color: var(--base-txt-act-major);
}
.dataTable__item .td_name .space-expand.space-expand-shown:hover,
.dataTable__item td > div.in:hover a:not(.like_,.ico_attach),
.dataTable__item.dataTable__item-added td > div.in:hover,
.dataTable__item.dataTable__item .td_reaction > div.in:hover {
	color: var(--base-txt-primary);
	background: var(--base-hlt-g-easy);
}

.dataTable__item-newTask .td_checkbox ws-icon {
	width: 16px;
	height: 16px;
	margin-left: 4px;
	--icon-color: var(--base-txt-act-minor);
}

.dataTable .closeNewTask{
	display: none;
	position: absolute;
	top: 42px;
	left: 4px;
	z-index: 1014;
	background: var(--base-cont-top);
}


.dataTable .closeNewTask.closeNewTask--is-scrolled {
	background: none;
	z-index: 0;
}

.dataTable__item td.td_add_date div.in:hover {
	background: var(--base-hlt-g-easy);
}

.dataTable__item .td_parent task-stage ws-icon {
	width: 40px;
	position: initial;
}
.dataTable__item.listing__item-done task-priority {
	display: none;
}
.dataTable__item.listing__item-done:hover task-priority {
	display: flex;
}
.dataTable__item .td_done_date .data {
	gap: 8px
}
.dataTable__item .td_done_date .hot {
	color: var(--base-txt-btn-w);
}
.dataTable__item-fake,
.dataTable__group-fake ,
.dataTable__subgroup-fake {
	height:40px;
	border-radius:4px;
	animation: gradient_ani 4s ease infinite;
	background: var(--base-hlt-b-focus);
	background: var(--base-cont-top) linear-gradient(90deg, var(--base-cont-top) 0%, var(--base-hlt-g-hover) 10%, var(--base-cont-top) 10%);
	background-size: 200% 200%;
}
.dataTable__item-fake td,
.dataTable__group-fake td,
.dataTable__subgroup-fake td {
	background: none
}
.dataTable__item:not(.dataTable__item-child) .space-level1 {
	display: none
}
.dataTable__item:not(.dataTable__item-level2) .space-level2 {
	display: none
}

.dataTable__item .space-groupIco {
	width: 8px;
}
.dataTable__group ~ .dataTable__item .space-groupIco {
	width: 40px;
}
.dataTable__item .space-level1,
.dataTable__item .space-level2 {
	width: 20px;
	display: flex;
	justify-content: flex-start;
}
.dataTable__item .space-level1:before,
.dataTable__item .space-level2:before {
	content: '';
	display:block;
	background: var(--base-txt-act-minor);
	height: 4px;
	width: 4px;
	border-radius: 4px;
	););
}
.dataTable__item .space-level1 ws-icon {
	--icon-color: var(--base-txt-act-minor);
	margin-left: -12px;
}
.dataTable__item td.plus:hover task-unseen ws-icon {
	opacity: 1;
}

.dataTable__item task-todos {
	width: 100%;
}

.dataTable__item task-priority,
.dataTable__item task-todos {
	flex-grow: 1;
	display: flex;
}
.dataTable__item task-priority .data,
.dataTable__item task-todos .data {
	flex-grow: 1;
}

.dataTable__item .td_visibility {
	span{
		width: 100%;
		height: 100%;
	}
	svg{
		--icon-color: var(--base-txt-btn-w);
	}
}

.dataTable__item .td_visibility

@container (width >= 100px) {
	.dataTable__item task-priority .space,
	.dataTable__item .td_parent .data > .space,
	.dataTable__item .td_project .data > .space
	{
		margin-left: -8px;
	}
}
@container (width < 100px) {
	.dataTable__item task-priority .in,
	.dataTable__item task-todos .in,
	.dataTable__item .td_parent .data > .space,
	.dataTable__item .td_project .in,
	.dataTable__item .td_project ws-btn
	{
		display:none !important
	}
	.dataTable__item .td_parent .data > .in {
		padding: 0 4px;
	}
	.dataTable__item .td_project .space,
	.dataTable__item task-priority .space {
		width: 24px !important;
		margin-left: 0 !important;
	}
	.dataTable__item task-priority,
	.dataTable__item task-todos,
	.dataTable__item .td_project .data,
	.dataTable__item .td_max_time .data,
	.dataTable__item .td_max_money .data
	{
		justify-content: center;
	}

	.dataTable__item task-priority .data,
	.dataTable__item task-todos .data {
		flex-grow: 0;
	}


	.dataTable__item-newTask .td_priority:hover task-priority .data > .space {
		display: none
	}

	.dataTable__item .td_priority .in ws-btn {
		margin: 0;
	}
}

@container (width >= 200px) {
	.dataTable__item td .b_fl { display: inline-block !important; }
}


.dataTable__item .space-expand:not(.space-expand-shown) > * {
	display:none
}
.dataTable__item .space-expand:not(.space-expand-on) > ws-icon {
	display:none
}
.dataTable__item .space-expand .child_num {
	font: var(--font-ui-13-small-reg);
}
.dataTable__item .space-expand-on .child_num {
	display:none
}
.dataTable__item .td_name .name {
	flex-grow: 0;
	padding-right:4px;
	font: var(--font-ui-15-large-reg);
}
.listing__item-invisible td:not(.td_name) {
	pointer-events: none
}
.listing__item-invisible .name {
	color: var(--base-txt-tertiary)
}
.dataTable__item.listing__item-invisible:hover td, .dataTable__item-hover.listing__item-invisible td {
	background: none
}
.dataTable.dataTable-hierarchy .dataTable__item .td_name .name {
	font: var(--font-ui-15-large-med);
}
.dataTable__item-child .td_name .name {
	font: var(--font-ui-15-large-semi);
}
.dataTable.dataTable-hierarchy .dataTable__item.dataTable__item-child .td_name .name,
.dataTable.dataTable-hierarchy .dataTable__item.dataTable__item-child.listing__item-done .td_name .name {
	font: var(--font-ui-14-regular-reg);
}
.dataTable .dataTable__item.listing__item-done .td_name .name,
.dataTable.dataTable-hierarchy .dataTable__item.listing__item-done .td_name .name {
	font: var(--font-ui-15-large-reg);
	color: var(--base-txt-secondary);
	text-decoration: line-through;
	text-decoration-color: var(--base-txt-muted);
}
.dataTable__item.listing__item-done .td_name .name:hover {
	text-decoration: none;
}
.dataTable__item-newTask .td_name .name {
	flex-grow: 1;
	padding-right: 4px;
}
.dataTable__item .td_name input {
	/* width:100%; */
	font: inherit;
	flex-grow: 1;
}
.dataTable__item .td_name input::placeholder {
	font: inherit;
}
.dataTable__item .td_priority .prior {
	width: 20px;
	height: 20px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-primary);
	font: var(--font-ui-10-nano-reg);
	font-family: monospace;
}

.dataTable__item .td_parent .data .in,
.dataTable__item .td_project .data .in {
	color: var(--base-txt-secondary);
	font: var(--font-ui-12-mini-reg);
}
.dataTable__item .td_parent .data.done .in {
	color: var(--base-txt-tertiary);
	text-decoration-line: line-through;
	text-decoration-color: var(--base-line-primary);
	text-decoration-thickness: calc(var(--screen-px)* 1.5);
}

.dataTable__item .td_add_date .in,
.dataTable__item .td_priority .data .in {
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-tertiary);
}

.dataTable__item .td_add_date .in {
	justify-content: flex-end;
	font-family: var(--font-mono);
}

/**
* New task row
*/

.dataTable__item-newTask {
	display: none;
}
.dataTable__item.dataTable__item-added td,
.dataTable__item.dataTable__item-newTask td {
	background: var(--base-hlt-notr-easy);
}
.dataTable__item.dataTable__item-added:hover td,
.dataTable__item.dataTable__item-newTask:hover td {
	background: var(--base-hlt-notr-hover);
}
.dataTable__item-newTask .td_checkbox {
	box-shadow: 0 2px 0 0 var(--base-hlt-invert) inset, 0 -2px 0 0 var(--base-hlt-invert) inset, 2px 0 0 0 var(--base-hlt-invert) inset !important;
	background:var(--base-cont-top) !important
}

.dataTable .dataTable__item-newTask .td_name,
.dataTable .dataTable__item.dataTable__item-newTask:first-of-type .td_name {
	box-shadow: 0 2px 0 0 var(--base-hlt-invert) inset, 0 -2px 0 0 var(--base-hlt-invert) inset, -2px 0 0 0 var(--base-hlt-invert) inset;
	background:var(--base-cont-top) !important
}
.dataTable tbody.dataTable__tbody-empty .dataTable__item-newTask .td_name,
.dataTable tbody.dataTable__tbody-empty .dataTable__item.dataTable__item-newTask:first-of-type .td_name {
	box-shadow: 0 2px 0 0 var(--base-hlt-invert) inset, 0 -2px 0 0 var(--base-hlt-invert) inset, -2px 0 0 0 var(--base-hlt-invert) inset, 2px 0 0 0 var(--base-hlt-invert) inset;
}
tbody.dataTable__tbody-empty .dataTable__item-newTask .td_name > .in {
	padding-left: 2px !important;
	margin-left: 0px !important;
}
tbody.dataTable__tbody-empty .dataTable__item-newTask .td_name .space-asTD {
	margin-right: -4px;
}

.dataTable__item-newTask .td_name .space-asTD {
	opacity: 1;
	width: auto;
	margin-left: 4px;
}
.dataTable__item-newTask .td_name .space-asTD ws-btn {
	display: flex !important;
	margin: 0 !important;
}
.dataTable__item-newTask .td_name .space-asTD ws-btn button {
	pointer-events: none;
	height:44px;
	width: auto;
	border-radius: 0;
}
.dataTable__item-newTask [data-container=containers] {
	display: none;
}
/*.dataTable__item-newTask .td_name > .in {*/
/*	padding-left: 24px !important;*/
/*}*/
.dataTable__item-newTask .td_name input {
	padding:0;
	height:40px;
	border:none;
	box-shadow:none;
	background: var(--trans)
}

.dataTable__item .td_name div[data-container],
.dataTable__group div[data-container],
.dataTable__subgroup div[data-container] {
	display: none
}
.dataTable__item-newTask .plus .in {display: flex;align-items: center;width: 24px;padding: 0;}

#taskGridCreate__menu__more .menu__item {
	margin-bottom: 1px;
	position: relative;
}
#taskGridCreate__menu__more .menu__item-active {
  cursor: pointer;
}
#taskGridCreate__menu__more .menu__item:not(.menu__item-active) ws-btn {
	display: none
}

.dataTable-reportCosts {
	.td_report_time .in { color: var(--costs-time-major) !important; }
	.td_report_money .in { color: var(--costs-money-major) !important; }
}
.dataTable-reportDone {
	.td_time .in { color: var(--costs-time-major) !important; }
	.td_money .in { color: var(--costs-money-major) !important; }
}
.dataTable-report {
	.dataTable__item task-assignee, .dataTable__item .td_assignee {
		.data .in {
			font: var(--font-ui-11-micro-reg);
			color: var(--base-txt-tertiary);
		}
	}
}
.dataTable .td_report_time .in, .dataTable .td_report_money .in {
	justify-content:right;
}
.dataTable .td_max_time .in, .dataTable .td_max_money .in {
	font: var(--font-ui-11-micro-reg);
	color: var(--base-txt-secondary);
}
.dataTable__item .td_report_user .users {
	margin:0 8px 0 0;
}
.dataTable__item .td_report_user .users ~ .in {
	color: var(--base-txt-tertiary) !important;
	font-style: italic
}


.dataTable__item:not(.listing__item-done) .td_done_date:hover div.in {
	background: var(--base-hlt-g-easy);
}

.dataTable__item .tags [data-once="1"] span.tag:first-child {
	box-shadow:0 0 0 200px var(--tag-bg);
}

.dataTable__item .td_reaction a.like_ {
	float: left;
	display: flex;
	font: var(--font-ui-11-micro-med);
	color: var(--base-txt-primary);
	align-items: center;
}
.dataTable__item .td_reaction ws-icon, .dataTable__item .td_reaction a.like_ ws-icon svg {
	width: 20px;
	height: 20px;
}
.dataTable__item .td_reaction a.like_:hover {
	border-radius: 4px;
	color: var(--base-txt-accent);
}
.dataTable__item .td_reaction a.like_:hover ws-icon {
	/* transform: scale(1.4, 1.4); */
	transition: all 0.2s ease;
}
.dataTable__item .td_reaction a.like_.like_act:hover ws-icon {
	/* transform: scale(0.8, 0.8); */
	transition: all 0.2s ease;
}
.dataTable__item .td_reaction a.like_ i {
	font-style: normal;
	margin: 0 5px 0 2px
}
.dataTable__item:not(:hover) .td_reaction [data-action] {
	display: none;
}
.dataTable__item ws-icon[name=block] {
	--icon-color: var(--base-hlt-w-invert-minor););
}
.dataTable__item .td_todo {
	position: relative;
	overflow: hidden;
	task-todos {
		width: 100%;
		.data {
			justify-content: space-between;
			ws-icon {
				--icon-size:16px;
				--icon-color:var(--base-txt-tertiary);
			}
			.in { text-align: end; }
			&[data-percent-done="0"] {
				.in span { color: var(--base-txt-tertiary); }
			}
			&::before {
				content: '';
				position: absolute;
				width: var(--fill-width);
				height: 100%;
				top: 0;
				left: 0;
				background: var(--base-hlt-hover);
				z-index: 0;
			}
		}
	}
}

#empty_page, #empty_search_new, #empty_filter_new {
	padding-top: 120px;
}