.taskView__subtasks__content .subtaskList__item__children {
	margin: 0 0 0 18px;
}

.taskView__subtasks .subtaskList__item__children-collapsed {
	display: none
}

.taskView__subtasks-empty .subtaskList {
	display: none
}

.subtaskList__item {
	display: flex;
	color: var(--base-txt-accent);
	background: var(--base-cont-top);
	border-bottom: 1px solid var(--base-line-ghost);
	cursor: pointer;
	font: var(--font-ui-14-regular-reg);
	-webkit-user-select: none;
	user-select: none;
	position: relative;
	height: 36px;
}
.subtaskList {
	border-top: 1px solid var(--base-line-ghost);
}
.modal .subtaskList {
	padding:20px;
	border-top:none
}

.subtaskList__item .subtaskList__dropPlace {
	margin-right: -55px;
}
.subtaskList__item .space {
	width: 32px;
	display: flex;
	justify-content: center;
}
.subtaskList__item > .in {
	padding:0 8px;
	position: relative;
}

.subtaskList__item > .in > .isfav {
	--icon-color: var(--base-btn-notice-minor);
	--icon-size: 16px;
	margin-right: 2px;
}
.subtaskList__item > .in > .vis_hidden {
	--icon-color: var(--base-txt-alert-major);
	--icon-size: 16px;
	margin-right: 2px;
}

.subtaskList-withDrag .subtaskList__item.subtaskList__item-draggable {
	cursor: grab;
}

.subtaskList__item span.terms_label_remain {
	opacity: 0
}

.subtaskList__item:hover span.terms_label_remain {
	opacity: 1
}

.subtaskList__item__children .subtaskList__item {
	/* background: var(--base-cont-mid); */
}

.subtaskList__item__children .subtaskList__item .tags span.tag {
	box-shadow: 0 0 0 2px var(--base-cont-mid)
}

.subtaskList__item span.r {}

.subtaskList__item .av_pre {width: 32px;}

.subtaskList__item .av_pre .av_sm {
}

.subtaskList__item:hover .av_pre .av_sm {
	opacity: 1
}

.subtaskList__item.selected, .subtaskList__item__children .subtaskList__item.selected {
	background: var(--base-hlt-easy)
}

.subtaskList__item .seenh {
	visibility: hidden
}

.subtaskList__item:hover .seenh {
	visibility: visible
}

body.mobile .subtaskList__item {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

.subtaskList__item .priorb {
}

.subtaskList__item a.drop {
	margin: 22px -26px 0 5px
}

.subtaskList__item-done a.drop {
	margin: 0 2px 0 5px
}

.subtaskList__item-bookmark {
	/* box-shadow: 2px 0 var(--base-btn-notice-minor) inset; */
}

.subtaskList__item:hover {
	background: var(--base-hlt-g-easy);
}

.subtaskList__item-done, .subtaskList__item__children .subtaskList__item-done {
	/* background: var(--base-cont-low); */
	color: var(--base-txt-secondary)
}

.subtaskList__item-done .tags span.tag, .subtaskList__item__children .subtaskList__item-done .tags span.tag {
	box-shadow: 0 0 0 2px var(--base-cont-low)
}

.subtaskList__item-active {
	background: var(--base-hlt-easy) !important;
	background: var(--base-cont-top) linear-gradient(to right, var(--base-hlt-hover) 0%, var(--base-hlt-selected) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= 'var(--base-hlt-hover)', endColorstr='var(--base-hlt-selected)', GradientType=1);
}

.subtaskList__item-active span.drag {
	border-color: var(--base-hlt-hover)!important
}

.subtaskList__item.subtaskList__item-updated, .subtaskList__item__children .subtaskList__item.subtaskList__item-updated {
	background: var(--base-hlt-b-easy);
}

.subtaskList__item-done:hover {
	background: var(--base-cont-mid);
	color: var(--base-txt-secondary)
}

.subtaskList__item h2 {
	margin: 0;
	font: 14px/20px var(--font-base);
}

.subtaskList__item h2 .tags {
	margin: 0 0 0 2px;
}

.subtaskList__item h2 task-wait {
	vertical-align: top
}

.subtaskList__item h2 .tags:empty {
	display: none
}

.subtaskList__item h2 .tags span.tag {
	overflow: hidden;
	vertical-align: top
}

.subtaskList__item a.t {
	color: var(--base-txt-accent);

}

.subtaskList__item a.t:hover {}

.subtaskList__item-done a.t {color: var(--base-txt-tertiary);text-decoration-line: line-through; text-decoration-color: var(--base-line-primary); text-decoration-thickness: var(--screen-px);}
.subtaskList__item.subtaskList__item-done a.ico.ico_time_sm {display: none;}

.subtaskList__item .bar {
	float: right;
	height: 15px;
	padding: 0;
	margin: 0 0 -4px 20px;
	font: 11px/14px var(--font-base);
	width: 85px;
	overflow: hidden
}

.subtaskList__item .bar1 {
	margin-right: 20px;
}

.subtaskList__item .bar2 {
	margin-right: -20px;
}

.subtaskList__item .b_br {
	float: left;
	width: 30px;
	text-align: right;
	height: 15px;
	color: var(--base-txt-secondary)
}

.subtaskList__item .b_fl {
	display: none;
	margin: 0 0 0 0;
	font: 11px/14px var(--font-base);
	color: var(--base-txt-secondary);
	text-align: center;
	white-space: nowrap
}

.subtaskList__item .progress, .subtaskList__item .progress_na {
	margin: 4px 0 0 35px;
	width: 40px;
	height: 7px
}

.subtaskList__item:hover .progress, .subtaskList__item:hover .progress_na, .subtaskList__item:hover .b_br {
	display: none
}

.subtaskList__item:hover .b_fl {
	display: block
}

.subtaskList__item .progress_na img {
	width: 10px
}

.subtaskList__item a.ico,
.subtaskList__item span.ico,
.subtaskList__item span.ico_done_place {
	margin: 0;
}
.subtaskList__item .in .ico.ico_priv {
	margin-left: 4px;
}

.subtaskList__item .status b {
	color: var(--base-txt-secondary)
}

.subtaskList__item .priorb {
	font: 11px/20px var(--font-base);
	width: 20px;
	height: 20px;
	margin: 0;
}

/*--------------------------------------------------------------------------------------------------------------------*/
.subtaskList__dropPlace {
	height: 2px;
	margin: -1px 40px -1px 64px;
	position: relative;
	z-index: 1;
	transition: .3s ease;
}
.subtaskList__dropPlace-hover {
	background: var(--base-hlt-b-invert-major);
}
.subtaskList__dropPlace.subtaskList__dropPlace-hover {
	margin-left: 0;
	margin-right: 0;
}

/*--------------------------------------------------------------------------------------------------------------------*/

.taskView__subtasks-empty {
	display: none
}

.taskView__subtasks .task_arrow {
	float: left;
	width: 1px;
	height: 1px;
	border: 10px solid var(--base-cont-top);
	margin: -9px 0 0 -43px;
	border-color: transparent var(--base-cont-top) transparent transparent;
	border-width: 19px 12px
}

.taskView__subtasks .subtaskList__item__children .task_arrow {
	border-color: transparent var(--base-cont-mid) transparent transparent;
}

.taskView__subtasks .subtaskList__item-done .task_arrow {
	border-color: transparent var(--base-cont-top) transparent transparent
}

.taskView__subtasks .subtaskList__item-done:hover .task_arrow, .taskView__subtasks .subtaskList__item-done.subtaskList__item-active .task_arrow {
	border-color: transparent var(--base-cont-mid) transparent transparent
}

.taskView__subtasks .subtaskList__item-active .task_arrow {
	border-color: transparent var(--base-hlt-notr-hover) transparent transparent!important;
}

.subtaskList__item-active h2 {
	white-space: nowrap;
	overflow: hidden;
	color: var(--base-txt-accent)
}

.taskView__subtasks a.dropmaster {
	margin: 2px -2px 0 10px;
	background: url(/assets/img/iconset.svg) no-repeat -2px -562px
}

.taskView__subtasks a.dropmaster:hover {
	background: url(/assets/img/iconset.svg) no-repeat -22px -562px !important
}

.subtaskList__item.drag_clone {
	background: var(--base-hlt-notr-hover);
	opacity: 0.9 !important;
	border: 1px solid var(--base-cont-top);
	border-radius: 8px;
	display:none;
}

.subtaskList__item.drag_clone .tags span.tag {
	box-shadow: 0 0 0 2px var(--base-hlt-easy)
}

.subtaskList__item.drag_clone {
	z-index: 1030;
}

.subtaskList__item-fake {
	height:36px;
	border-radius:4px;
	animation: gradient_ani 4s ease infinite;
	background: var(--base-hlt-b-focus);
	background: var(--base-cont-mid) linear-gradient(90deg, var(--base-cont-mid) 0%, var(--base-hlt-g-hover) 10%, var(--base-cont-mid) 10%);
	background-size: 200% 200%;
}
.subtaskList__item-fake.subtaskList__item-level1 {
	margin:1px 0 0 20px;
}

.subtaskList__moreItems {
	cursor: pointer;
	padding: 0;
	height: 36px;
	background: var(--base-hlt-easy);
	text-align: center;
	margin: -1px 0 0 0;
	position: relative;
	border-radius: 0 0 12px 12px;
}

.subtaskList__moreItems:hover {
	background: var(--base-hlt-hover);
}
.subtaskList__moreItems span.date {
	display: inline-block;
	color: var(--base-txt-secondary);
	font: 11px/20px var(--font-base);
	padding: 0 12px;
	margin: 8px auto 8px 0;
	white-space: nowrap;
	border-radius: 10px;
	background: var(--base-cont-top-elevated);
	position: relative;
	box-shadow: var(--shadow-cont-minor-lineonly-outside);
}

.subtaskList__item .inputCheckbox { width: 24px; height: 24px; min-height: 24px; padding: 0; opacity: 0; }
.subtaskList__item .inputCheckbox span { width: 16px; height: 16px; padding: 4px; }
.subtaskList__item .inputCheckbox ws-icon { width: 16px; height: 16px; --icon-size: 16px; }

.subtaskList__item:hover .inputCheckbox, .subtaskList__item.act .inputCheckbox, .taskView-withSubtaskMass .subtaskList__item .inputCheckbox {
	opacity: 1
}
.subtaskList__item .child_num {
	color:var(--base-txt-secondary);
	display: none;
	align-content: center;
	line-height: 20px;
	gap: 4px;
}
.subtaskList__item .child_num font {
	font: var(--font-ui-11-micro-reg);
}
.subtaskList__item .child_num-visible {
	display: inline-flex;
	align-items: center;
}
.subtaskList__item .child_num:hover {
	color:var(--base-txt-link-major)
}
.subtaskList__item .child_num:hover svg {
	fill:var(--base-txt-link-major)
}
.subtaskList__item .inputCheckbox span {
	background: none !important;
}
.subtaskList__item task-assignee {
}
.subtaskList__item task-assignee ws-icon {
	width: 24px;
	height: 24px;
	box-sizing:border-box;
	border-radius: 12px;
}

.subtaskList__item task-assignee ws-icon svg {
	width:14px;
	height:14px;
}
.subtaskList__item task-term > ws-icon.ico_regular {
	width: 20px;
	height: 20px;
	--icon-size: 16px;
	--icon-color: var(--base-txt-act-major);
	margin-right: 4px;
}
.subtaskList__item task-term > ws-icon.ico_regular svg {
	width: 16px;
	height: 16px;
}
.subtaskList__item task-term > ws-icon.border_dashed {
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	border-radius: 12px;
}

.subtaskList__item task-term ws-icon svg {
	width:14px;
	height:14px;
}


@media screen and (min-width: 481px) {
    .subtaskList .pre_act.subtaskList__item {
        background: var(--base-hlt-notr-easy);
    }
}

@media (max-width: 480px) {
	.subtaskList .subtaskList__item .inputCheckbox,
	.subtaskList .subtaskList__item ws-icon[name=drag_indicator] {
		display: none;
	}
}


.subtaskList__item-dragThis {
    background: var(--base-hlt-b-easy);
}

.subtaskList__item task-term {
	padding: 0 4px 0 0;
}
.subtaskList__item task-term > * {
	margin: 0;
	padding: 0 4px;
}
.subtaskList__item task-unseen {
	width: 24px;
}
.subtaskList__item task-unseen > * {
	display: flex;
	margin: 0;
}
/*.subtaskList__item task-unseen ws-icon {*/
/*	--icon-color: var(--base-txt-muted);*/
/*}*/
/*.subtaskList__item task-unseen .seen ws-icon:first-child svg {*/
/*	fill: var(--icon-color);*/
/*}*/
/*.subtaskList__item task-unseen a:hover ws-icon:first-child {*/
/*	--icon-color: var(--base-txt-secondary);*/
/*}*/
/*.subtaskList__item task-unseen a:hover ws-icon:last-child {*/
/*	--icon-color: var(--base-txt-btn-a);*/
/*}*/

.subtaskList__item task-unseen ws-icon {
	--icon-size:16px
}
.subtaskList__item ws-icon[name="drag_indicator"] {
	float: left;
	margin: 0 0 0 -20px;
	opacity: 0;
	transition: .2s ease;
}
.subtaskList-withDrag .subtaskList__item-draggable:hover ws-icon[name="drag_indicator"] {
	opacity: 1;
}
.subtaskList-withDrag .subtaskList__item.subtaskList__item-dragThis ws-icon[name="drag_indicator"] {
	opacity: 1;
	--icon-color: var(--base-hlt-b-invert-major);
}

body.body-dragInProgress .subtaskList {
	pointer-events: none
}
.subtaskForm {
	display: none
}
.subtaskForm-active {
	display: block
}
.subtaskForm input.button {
	position: absolute;
	top: 8px;
	right: 2px;
}
.subtaskForm input.input {
	background: transparent;
	font: var(--font-ui-14-regular-reg);
	margin: 0;
	padding: 0 10px 0 0;
	flex-grow: 1;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
}
.subtaskForm .open {
	width: 24px;
	--icon-size: 16px;
	--icon-color: var(--base-txt-secondary);
}
.subtaskForm .open:hover {
	--icon-color: var(--base-txt-btn-a);
}
.subtaskForm .subtaskList__item > .in {
	padding-right: 2px;
}
.subtaskForm .inputCheckbox {
	opacity: 1;
}
.subtaskForm .inputCheckbox ws-icon {
	width: 24px;
	height: 24px;
	--icon-size: 20px;
	--icon-color: var(--base-txt-btn-a);
}

.subtaskList__item task-assignee:has(ws-icon[data-user="1"]),
.subtaskList__item task-term:has(.terms_label_empty),
.subtaskList__item .priorb.prior1 {
	opacity: 0;
}
.subtaskList__item:hover task-assignee:has(ws-icon[data-user="1"]),
.subtaskList__item:hover task-term:has(.terms_label_empty),
.subtaskList__item:hover .priorb.prior1 {
	opacity: 1;
}

.subtaskForm .subtaskList__item task-assignee:has(ws-icon[data-user="1"]),
.subtaskForm .subtaskList__item task-term:has(.terms_label_empty),
.subtaskForm .subtaskList__item .priorb.prior1 {
	opacity: 1;
}

.subtaskList__item ws-icon.border_dashed {
	--icon-color: var(--base-txt-secondary);
	border: 1.5px dotted var(--base-txt-tertiary);
}
.subtaskList__item .inputCheckbox span {
	display: flex;
	align-items: center;
}


.subtaskList__item span[data-container=progress] .btn.btn-plain ws-icon {
	width: 16px;
	height: 16px;
}

.subtaskList__item span[data-container=progress] .time_pl .btn.btn-plain ws-icon svg {
	fill: var(--base-txt-new-minor);
}
.subtaskList__item span[data-container=progress] .time_over_sm .btn.btn-plain svg {
	fill: var(--base-txt-alert-minor);
}
.subtaskList__item span[data-container=progress]:hover .time_pl .btn.btn-plain ws-icon svg {
	fill: var(--base-txt-new-major);
}
.subtaskList__item span[data-container=progress]:hover .time_over_sm .btn.btn-plain svg {
	fill: var(--base-txt-alert-major);
}

.subtaskList__item:not(.subtaskList__item-done):not(:hover) span[data-container=progress]:has(.time_sm,.time_pl):not(:focus-within) {
	display: none;
}
.subtaskList__item.subtaskList__item-done:not(:hover) span[data-container=progress]:has(.time_sm):not(:focus-within) {
	display: none;
}
.subtaskList__item task-wait {
	margin: 0 4px 0 2px !important;
}

.taskView-withSubtaskMass .subtaskList-withDrag .subtaskList__item-draggable ws-icon[name="drag_indicator"],
.taskView-withSubtaskMass .subtaskList__item span[data-container=progress],
.taskView-withSubtaskMass .subtaskList__item task-assignee:has(ws-icon[data-user="1"]),
.taskView-withSubtaskMass .subtaskList__item task-term:has(.terms_label_empty),
.taskView-withSubtaskMass .subtaskList__item .priorb.prior1 {
	display: none !important;
}
.taskView-withSubtaskMass .subtaskList__item task-unseen { opacity: 0; }
.taskView-withSubtaskMass .subtaskList__item a { pointer-events: none; }
.taskView-withSubtaskMass .subtaskList__item {
	cursor: pointer !important;
}
.taskView-withSubtaskMass .subtaskList__item:hover {
	background: var(--base-hlt-notr-easy) !important;
}
.taskView-withSubtaskMass .subtaskList__item task-wait {
	pointer-events: none;
}

.subtaskList__item:hover task-assignee .ico_place { display: none; }
.subtaskList__item:hover task-assignee .ico_place:not(:empty) + .av_sm {display: inline-flex;align-items: center;justify-content: center;}