.modal__dataTable {
	padding: 12px 20px 20px 20px;
}
.modal__dataTable-onCopy { /* padding-top:0; */
	min-height: 200px;
}
.modal__dataTable__item {
	background: var(--base-cont-mod-top);
	position: relative;
	height: 40px;
	display: flex;
	box-shadow: 0 -0.5px 0 var(--base-line-tertiary) inset;
	align-items: center;
	padding: 0 0 0 8px;
}
.modal__dataTable__item:first-child {
	box-shadow: 0 -0.5px 0 var(--base-line-tertiary) inset, 0 0.5px 0 var(--base-line-tertiary) inset;
}
.modal__dataTable__item-comment {
	background: var(--base-cont-mod-top);
	margin: 0 0 1px 0;
	padding: 10px 185px 10px 10px;
	position: relative
}
.modal__dataTable__item-sel.selected {
	background: var(--base-hlt-notr-hover);
	cursor: pointer;
}
.modal__dataTable__item-sel.selected .td_prior, .modal__dataTable__item-sel.modal__dataTable__item-active .td_prior {
	display: none
}
.modal__dataTable__item-sel a {
	color: var(--base-txt-accent)
}
.modal__dataTable__item-sel.selected:before {
	content: '';
	position: absolute;
	right: 3px;
	top: 4px;
	width: 20px;
	height: 20px;
	background: var(--base-hlt-notr-hover);
	padding: 5px;
}
.modal__dataTable__item-sel.selected:after {
	content: '';
	position: absolute;
	right: 8px;
	top: 9px;
	width: 20px;
	height: 20px;
	background: url(/assets/img/iconset.svg) no-repeat -40px -1280px;
}
.modal__dataTable__item-sel.modal__dataTable__item-active {
	background: var(--base-hlt-notr-easy);
}
.modal__dataTable__item-sel.modal__dataTable__item-active:before {
	content: '';
	position: absolute;
	right: 3px;
	top: 4px;
	width: 20px;
	height: 20px;
	background: var(--base-hlt-notr-easy);
	padding: 5px
}
.modal__dataTable__item-sel.modal__dataTable__item-active:after {
	content: '';
	position: absolute;
	right: 8px;
	top: 9px;
	width: 20px;
	height: 20px;
	background: url(/assets/img/iconset.svg) no-repeat 0 -1220px;
}
.modal__dataTable .item_divider {
	border-top: 1px solid var(--base-line-alt-cardbrd);
	color: var(--base-txt-secondary);
	font: italic 13px/20px var(--font-base);
	text-align: center;
	padding: 0;
	margin: 20px 0 0;
}
.search_started .item_divider {
	display: none
}
.modal__dataTable .item_divider span {
	position: relative;
	top: -12px;
	background: var(--base-cont-mod-low);
	padding: 0 15px;
}
.modal__dataTable__item[onclick] {
	cursor: pointer
}
.modal__dataTable__item-nomatch .td_name {
	color: var(--base-txt-tertiary)
}

.modal__dataTable-onCopy .modal__dataTable__item label {
	padding: 0;
}
.modal__dataTable__item.pre_act {
	background: var(--base-hlt-notr-easy) !important;
	border-color: var(--base-hlt-notr-easy);
}
.modal__dataTable-onCopy .modal__dataTable__item label {
	opacity: 0.5;
}
.modal__dataTable-onCopy .modal__dataTable__item:hover label {
	opacity: 1;
	background: url(/assets/img/iconset.svg) no-repeat -20px -1300px;
}
.modal__dataTable-onCopy .modal__dataTable__item:hover label {
	background: url(/assets/img/iconset.svg) no-repeat -40px -1300px;
}
.modal__dataTable-onCopy .modal__dataTable__item label.act {
	opacity: 1;
	background-position: 0 -1320px !important
}
.modal__dataTable-onCopy .modal__dataTable__item label input {
	opacity: 0;
	width: 20px;
	height: 20px;
}
.modal__dataTable-onCopy .modal__dataTable__item label.label_dis {
}
.modal__dataTable__item-level2 .td_name:before, .modal__dataTable__item-level3 .td_name:before {
	color:var(--base-txt-ghost);
	font: var(--font-ui-14-regular-reg);
	letter-spacing:4px;
	margin:0 4px;
}

[data-group=delete] .modal__dataTable__item-level2 .td_name:before,
[data-group=delete] .modal__dataTable__item-level3 .td_name:before {
	color: var(--base-txt-btn-w);
}

.modal__dataTable__item-level2 .td_name:before {
	content: '•';
}
.modal__dataTable__item-level3 .td_name:before {
	content: '• •';
}

.modal__dataTable__item .td_name {
	padding: 0 4px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
}
.modal__dataTable__item:not(.modal__dataTable__head-tab) .td_name {
	font: var(--font-ui-14-regular-reg);
}
.modal__dataTable__item .ico_expandv {
	margin: -3px 6px 0 10px;
	background-color: var(--menu-item-selected);
	box-shadow: none !important;
	opacity: 1
}
.modal__dataTable__item:hover .ico_expandv {
}
.modal__dataTable__item:hover .ico_expandv, .modal__dataTable__item.selected .ico_expandv {
	background-color: var(--base-cont-mod-top) !important;
	border-shadow: none !important;
	opacity: 1
}
.modal__dataTable__item-comment {
	padding: 10px 5px 10px 10px;
	height: 16px;
	color: var(--base-txt-tertiary);
	font: var(--font-ui-14-regular-reg);
	cursor: pointer;
	overflow: hidden;
}
.modal__dataTable__item-newComment {
	color: var(--base-txt-tertiary);
}
.modal__dataTable__item-comment .td_name {
	font: var(--font-ui-13-small-reg);
	color: var(--base-txt-tertiary);
	display: inline;
}
.modal__dataTable__item-newComment .td_name {
	display: flex;
}
.modal__dataTable__item-comment.pre_act .td_name {
	color: var(--base-txt-accent);
}
.modal__dataTable__item-comment .td_ava {
	float: left;
	margin: -4px 10px -4px 0
}
.modal__dataTable-onCopy .modal__dataTable__item-active .td_name {
	font: var(--font-ui-14-regular-semi);
}
.modal__dataTable-onCopy .modal__dataTable__item-operation {
	background: var(--base-hlt-notr-easy);
	border-color: var(--trans);
}
.modal__dataTable-onCopy .modal__dataTable__item-active.itme_lb {
	border-top: 3px solid var(--base-cont-mod-top);
	border-bottom: 3px solid var(--base-cont-mod-top);
	background: var(--base-cont-mod-top)
}
.modal__dataTable-onCopy .modal__dataTable__item-big .td_name a.onch2 {
	color: var(--base-txt-primary);
	border-bottom: 1px dashed var(--base-txt-accent);
}
.modal__dataTable__item .td_term {
	width: 90px;
	font: var(--font-ui-12-mini-reg);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.modal__dataTable__item .td_term i {
	font-style: normal;
	color: var(--base-txt-tertiary)
}
.modal__dataTable__item .td_prior {
	width: 20px;
}
.modal__dataTable__item .td_stage {
	width: 20px;
}
.modal__dataTable__item .td_prior,
.modal__dataTable__item .td_term,
.modal__dataTable__item .td_stage,
.modal__dataTable__item .td_time,
.modal__dataTable__item .td_money,
.modal__dataTable__item .td_rate,
.modal__dataTable__item .td_stage,
.modal__dataTable__item .td_user {
	box-shadow:0.5px 0 0 var(--base-line-tertiary) inset;
	height:40px;
	padding: 0 8px;
	display: flex;
	align-items: center;
}
.modal__dataTable__item .td_time,
.modal__dataTable__item .td_money {
	width: 70px;
	justify-content: end;
}
.modal__dataTable__item .td_rate {
	width: 40px;
}
.modal__dataTable__item .td_rate ~ .td_money, .modal__dataTable__item:hover .td_rate:has(.sw_act) {
	box-shadow:none
}
.modal__dataTable__item-simple .td_prior, .modal__dataTable__item-simple2 .td_prior {
	right: 9px
}
.modal__dataTable__item-simple2 .td_term {
	right: 36px;
	top: 3px;
	width: 110px;
}
.modal__dataTable-onCopy .modal__dataTable__item .td_prior {
}
.modal__dataTable__item .td_user {
	width: 24px;
	white-space: nowrap;
	color: var(--base-txt-secondary);
	font: var(--font-ui-12-mini-reg);
}
.modal__dataTable__item, .modal__dataTable__head {
	.td_user--full {
		width: 200px;
	}
	.td_stage--full {
		width: 100px;
	}
}
.modal__dataTable-onCopy .modal__dataTable__item .td_user {
}
.modal__dataTable-onCopy .modal__dataTable__item .td_user a.onch {
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block
}
.modal__dataTable-onCopy .modal__dataTable__item-big .td_user {
}
.modal__dataTable-onCopy .modal__dataTable__item-big .td_term {
	font: var(--font-ui-12-mini-reg);
}
.modal__dataTable__item .td_prior .priorb {
	margin: 0;
}
.modal__dataTable-onCopy .modal__dataTable__item-big .td_prior .priorb {
}
.modal__dataTable__item a.onch {
	color: var(--base-txt-primary);
}
.modal__dataTable__item:hover a.onch {
	border-bottom: 1px dashed var(--base-txt-accent);
	margin-bottom: -1px;
	vertical-align: top;
}
.modal__dataTable__item span.ico_done {
	margin: -2px 0 0 3px;
	opacity: 0.5
}
.modal__dataTable__item input.input2 {
	font: inherit;
	height: 40px;
	margin: 0 -4px;
	padding:0 4px;
	text-align: inherit;
	background: transparent;
	border: none;
}
.modal__dataTable__item input.wide2 {
	font: inherit;
	box-sizing: border-box;
	flex-grow: 1;
}
.modal__dataTable__item input.input2:focus {
    box-shadow: 0 0 0 2px var(--base-txt-btn-a) inset;
	background:var(--base-cont-mod-top)
}

.modal__dataTable__item select {
	font: 12px/20px var(--font-base);
	margin: -2px 0;
	height: 22px;
	padding: 0;
	width: 140px;
	background: var(--menu-inp-cont);
	border-color: var(--menu-inp-brd)
}
.modal__dataTable .item_group {
	font: 18px/20px var(--font-base);
	margin: 0 0 15px 0;
	color: var(--base-txt-secondary);
	text-align: center
}
.modal__header .item_group {
	font: 18px/20px var(--font-base);
	margin: -2px 0;
	color: var(--base-txt-primary);
	text-align: left;
	padding: 0
}
.modal__dataTable .item_group a, .modal__header .item_group a {
	color: var(--base-txt-primary);
	border-bottom: 1px dashed var(--base-txt-accent)
}
.item_group_center {
	text-align: center
}
.modal__header .vs_search .item_group {
	max-width: 230px;
	white-space: nowrap;
	overflow: hidden
}

.modal__dataTable .itemm_opac .td_name {
	opacity: 0.5
}
.modal__dataTable .itemm_opac .td_prior {
	display: none
}
.modal__dataTable .item_subs {
	display: none
}
.modal__dataTable .item_subs_act {
	display: block
}
.modal__dataTable.search_started .item_subs {
	display: block
}
.modal__dataTable.search_started .ico_expandv {
	display: none
}

.modal__dataTable-onCopy .td_term2 {
	display: none
}
.modal__dataTable-withTerms .td_term2 {
	display: flex
}
.modal__dataTable-withTerms .td_term1 {
	display: none
}
.modal__dataTable-onCopy .td_stage2 {
	display: none
}
.modal__dataTable-withStage .td_stage2 {
	display: flex
}
.modal__dataTable-withStage .td_stage1 {
	display: none
}

.modal__content .modal__dataTable-onCopy ~ .buttons, .modal__content .modal__optionsCheckboxes ~ .buttons {
	background: var(--base-cont-mod-top);
	/* box-shadow: 0 -2px 2px var(--colors-alpha-dark-20); */
}
.modal__content .modal__optionsCheckboxes ~ .buttons {
	box-shadow: none;
}

.modal__optionsCheckboxes {
	padding: 8px 24px;
	margin: 8px 0 0 0;
	position: relative;
	/* background: var(--base-hlt-notr-easy); */
}
.modal__optionsCheckboxes.flex_row {
	gap: 8px;
}
.wlabel.modal__optionsCheckboxes {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 16px;
	&:not(.modal__optionsCheckboxes-grouped) {
		flex-wrap: nowrap;
		.modal__optionsCheckboxes__group,
		.modal__optionsCheckboxes__body,
		.modal__optionsCheckboxes__wrapper {
			flex-wrap: nowrap;
		}
	}
	.modal__optionsCheckboxes__group {
		display: flex;
		align-items: flex-start;
		flex-wrap: nowrap;
		gap: 8px 4px;
	}
	.modal__optionsCheckboxes__body {
		display: flex;
		gap: 8px 4px;
		flex-wrap: wrap;
		width: 100%;
	}
	.modal__optionsCheckboxes__wrapper {
		display: inline-flex;
		gap: 8px 4px;
	}
}
.wlabel.modal__optionsCheckboxes-grouped {
	.modal__optionsCheckboxes__group {
		&> b {
			width: 125px;
			text-align: right;
		}
	}
}
.modal__optionsCheckboxes .tasksStart {
	padding: 2px;
}
.modal__optionsCheckboxes b {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-variant: small-caps;
	font: var(--font-sp-caption-11-micro-upper-med);
	text-transform: uppercase;
	color: var(--base-txt-tertiary);
	line-height: 32px;
	flex-shrink: 0;
}
.modal__optionsCheckboxes .input {
	margin: -2px 0;
}
.modal__optionsCheckboxes i {
	font-style: normal;
}
.modal__optionsCheckboxes label {
	display: inline-block;
	overflow:hidden;
	vertical-align: middle;
	cursor:pointer;
}
.modal__optionsCheckboxes label input[type=checkbox] {
	float: left;
	opacity:0;
	margin:0 0 0 -20px
}
.modal__optionsCheckboxes label ws-btn {
	pointer-events:none
}
.modal__optionsCheckboxes label ws-btn:last-child {
	display: none
}
.modal__optionsCheckboxes label input[type=checkbox]:checked ~ ws-btn {
	display: none
}
.modal__optionsCheckboxes label input[type=checkbox]:checked ~ ws-btn:last-child {
	display: inline-flex
}
.modal__optionsCheckboxes label .btn.btn-28 ws-icon.btn-left-icon {
	width: 20px;
	height: 20px;
}
.modal__optionsCheckboxes label.act {
	background: none;
	color: var(--base-txt-primary);
}
.modal__optionsCheckboxes .drop_select {
	display: inline-block;
	margin: 0;
	width: 200px;
}

@media (max-width: 480px) {
	.modal__optionsCheckboxes label {
		display: block;
		width: 180px;
		margin: 5px 0 -5px;
	}
	.modal__optionsCheckboxes {
		padding: 15px;
	}
	.modal__optionsCheckboxes font {
		display: block;
		padding: 10px 0 10px 22px;
	}
}

.modal__dataTable .inputCheckbox span {
	width: 16px;
	height: 16px;
	--icon-size:16px;
	padding: 4px;
	background: none !important;
}
.modal__dataTable .inputCheckbox.label_dis use:first-child {
	display:none
}
.modal__dataTable .inputCheckbox.label_dis use:last-child {
	display:flex;
	fill: var(--base-hlt-w-invert);
}
.modal__dataTable__item .space {
	width:20px;
	height: 20px;
}
.modal__dataTable__item .space-28{
	width:28px;
	height:28px;
}
.modal__dataTable__item ws-icon[name=parent] {
	width:24px;
	height: 24px;
	--icon-color: var(--base-txt-btn-a);
	--icon-size:16px;
	border-radius: 6px;
	background: var(--base-hlt-hover);
	margin:2px;
}
.modal__dataTable__item .td_name ws-icon {
	--icon-color:var(--base-txt-tertiary)
}
.modal__dataTable__item ws-icon[name=exclam_triangle-solid] {
	--icon-color: var(--base-btn-notice-minor);
	width: 32px;
	--icon-size:16px;
}
.modal__dataTable:not(.modal__dataTable-withComments) ws-icon[name=comment_bubble-fill] {
	display: none;
}
.modal__dataTable .modal__dataTable__item-comment ws-icon[name=comment_bubble-fill] {
	display: flex;
	--icon-color: var(--base-txt-btn-c);
	margin: 0 4px 0 0;
	--icon-size: 16px;
}
.modal__dataTable:not(.modal__dataTable-withFiles) ws-icon[name=attach-horiz] {
	display: none;
}
.modal__dataTable__item-operation .td_user:has(ws-icon[name=lock-fill]),
.modal__dataTable__item.pre_act .td_user:has(ws-icon[name=lock-fill]) {
	background: var(--base-hlt-w-hover);
}
.modal__dataTable__item-operation .td_user:has(ws-icon[name=lock-fill]) .av_sm,
.modal__dataTable__item.pre_act .td_user:has(ws-icon[name=lock-fill]) .av_sm {
	display:none
}
.modal__dataTable__item .td_user {
	position:relative;
}
.modal__dataTable__item .td_user ws-icon[name=lock-fill] {
	background: var(--base-txt-alert-minor);
	border-radius: 12px;
	width: 24px;
	height: 24px;
	--icon-color:var(--white-primary);
	--icon-size:16px;
	display: none
}
.modal__dataTable__item-operation .td_user ws-icon[name=lock-fill],
.modal__dataTable__item.pre_act .td_user ws-icon[name=lock-fill] {
	display: inline-flex
}
.modal__dataTable__item:has(:focus) {
	z-index:1
}
.modal__dataTable__item:has(:focus) .td_rate .sw {
	display: none
}
.modal__dataTable__item-joinPossible {
	background: var(--base-hlt-hover);
}
.modal__dataTable__head {
	background: var(--base-cont-mod-mid);
	font: var(--font-ui-11-micro-med);
	text-transform: uppercase;
	height: 32px;
	display: flex;
	box-shadow: 0 0.5px 0 0 var(--base-line-tertiary) inset, 0 -0.5px 0 0 var(--base-line-tertiary) inset !important;
	color:  var(--base-txt-tertiary);
	ws-icon {
		--icon-color: var(--base-txt-tertiary);
	}
}
.modal__dataTable__head > * {
	height: 32px;
	height: 32px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	+ * {
		box-shadow:0.5px 0 0 var(--base-line-tertiary) inset;
	}
}
.modal__dataTable__head .td_time,
.modal__dataTable__head .td_money {
	width: 70px;
	justify-content: end;
	box-shadow:0.5px 0 0 var(--base-line-tertiary) inset;
	white-space:nowrap
}
.modal__dataTable__head .td_rate {
	display:none
}
.modal__dataTable__head .td_rate ~ .td_money {
	width: 126px;
}
.modal__dataTable-tasks, .modal__dataTable-tasks-head {
	.td_prior, .td_stage {
		width: 40px;
		box-sizing: border-box;
		display: inline-flex;
		justify-content: center;
	}
}
.modal__dataTable-tasks {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	.modal__dataTable__item {
		padding-left: 20px;
		padding-right: 20px;
		&:not(.modal__dataTable__head-tab) .td_name {
			height: 100%;
			font: var(--font-ui-14-regular-reg);
		}
		.td_user .space, .td_stage ws-icon {
			width: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: -8px;
		}
		> div {
			container-type: inline-size;
			&[onclick] {
				cursor: pointer;
			}
		}
	}
}
@media (max-width: 480px) {
	.modal__dataTable-tasks {
		.modal__dataTable__item {
			padding: 0 0 0 8px;
		}
	}
}