body[data-page="projects"] {
	#content {
		padding: 12px 32px 64px 32px;
	}
}
body[data-page=projects] .massPanel {
	background: none;
}
.listing {
	margin:0 auto;
	padding: 0;
}
.listing__group#obj-group0 {
	display:none
}
.listing__group__content {
	position:relative
}

.listing-cardView .listing__group__content {
	margin: 4px auto 35px;
}

.listing-cardView .listing__group {
	/*&:not(:last-child) { border-bottom: 2px solid var(--base-line-ghost); }*/
	position: relative;

	/*&:not(:last-child):before, &:not(:last-child):after {
		content: '';
		position: absolute;
		height: 2px;
		width: 32px;
		background: var(--base-line-ghost);
		bottom: -2px;
	}

	&:before { left: -32px; }
	&:after { right: -32px; }*/

	&:nth-child(n+2) .listing__group__title {
		padding-top: 20px;
	}

	.listing__group__title {
		position:relative;
		padding-bottom: 20px;
		display: flex;
		align-items: center;

		&.pre_act {
			background: linear-gradient(0deg, transparent 0%, rgba(0, 153, 255, 0.10) 100%);
			&:before, &:after {
				content: '';
				position: absolute;
				top: 0;
				width: 32px;
				height: 100%;
				background: linear-gradient(0deg, transparent 0%, rgba(0, 153, 255, 0.10) 100%);
			}
			&:before { left: -32px; }
			&:after { right: -32px; }
		}

		div {
			display: flex;
			align-items: center;
			height: 40px;
			max-width: 100%;

			.space {
				width: 40px;
				display: flex;
				align-items: center;
				justify-content: center;
				opacity: 1;
				transition: opacity 0.3s ease;
			}

			.name {
				font: var(--font-ui-22-title-1-semi);
				margin-right: 8px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.space-expand {
				--icon-color: var(--base-txt-tertiary);
				width: auto;

				&:not(.space-expand-on) ws-btn:first-child { display: none; }
				&.space-expand-on ws-btn:last-child { display: none; }
			}
		}
	}
}

.listing-cardView .listing__group:not(.listing__group-defaultHidden):has(+ .listing__group-defaultHidden) {
	&:before { content: none; }
	&:after { content: none; }
	border-bottom: none;
}

.listing__item {
	transition: visibility 0.3s ease;
	cursor: pointer;
	background: var(--base-cont-top);
	box-shadow: var(--shadow-cont-minor-outline);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	float:left;
	width:350px;
	min-height: 44px;
	position: relative;
	overflow: hidden;

	.tags {
		display: none;
		span.tag { margin-bottom: 0; padding: 0 8px; }
		em { margin: 0 8px 0 0; }
	}

	.user_name {
		margin-left: 6px;
		font: var(--font-ui-13-small-reg);
		color: var(--base-txt-secondary);
	}

	.hide_to_hover { visibility: hidden; }

	&.item_ani {
		-webkit-transition: left 0.5s ease;
		transition: left 0.5s ease;
	}
}

.listing__item.p15:not(.listing__item-clone):not(.pre_act):not(:hover):before {
	content: '';
	position: absolute;
	left: 0;
	width: 4px;
	height: 100%;
	background: var(--base-btn-notice-minor);
}

body:not(.withMass) .listing__item:not(.listing__item-clone):not(.pre_act):not(.blink):hover:before {
	content: '';
	position: absolute;
	left: 0;
	width: 4px;
	height: 100%;
	background: var(--base-hlt-invert);
}

.listing__item__body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 12px 12px 0 12px;
}

.listing__item__body-row {
	display: flex;
	width: 100%;
}

.listing__item__body-row {
	position: relative;

	&:nth-child(n+3):not(.listing__item__body-dates):before {
		content: '';
		height: 1px;
		width: calc(100% + 26px);
		background: var(--base-line-tertiary);
		position: absolute;
		top: 0;
		left: -12px;
	}

	.name {
		padding-bottom: 10px;
		font: var(--font-ui-18-title-2-semi);
		color: var(--base-txt-primary);
		display: flex;
		gap: 6px;
		position: relative;
		max-width: 100%;

		a.t {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			text-overflow: ellipsis;
			color: var(--base-txt-primary);
			--icon-color: var(--base-txt-max);
			&:hover {
				color: var(--base-txt-max);
				ws-icon { visibility: visible; }
			}
			ws-icon {
				padding: 0 0 2px 2px;
				visibility: hidden;
			}
		}

		ws-icon.proj_color { margin-top: 2px; }
		ws-emoji { width: 16px; height: 16px; }

		.inputCheckbox {
			position: absolute;
			top: 2px;
		}
		.inputCheckbox:not(.act) {
			visibility: hidden;
		}
		.inputCheckbox.act + ws-icon {
			visibility: hidden;
		}
	}

	project-tags {
		flex-wrap: wrap;
		max-height: 42px;
		overflow: hidden;
		width: 100%;
		row-gap: 2px;

		&:not(:empty) {
			margin-bottom: 12px;
		}

		em + .tag_fake {
			margin: 0 16px 0 -16px;
		}

		em.new_row_em { margin: 0 }

		.tag_fake.expand {
			padding: 0 8px;
			margin-right: 20px;
		}

		.tag_fake {
			font: var(--font-ui-10-nano-reg);
			color: var(--base-txt-secondary);
			background: var(--base-cont-low-opac);
			box-shadow: 0 0 0 2px var(--base-cont-top);
			padding: 0 8px;
			--icon-size: 16px;
			z-index: 999;

			ws-icon { width: 16px; height: 16px; }
			ws-icon svg use { fill: var(--base-txt-secondary); }
		}

		.tag_fake:hover {
			color: var(--base-txt-btn-a);
			background: var(--base-hlt-selected);
			box-shadow: 0 0 0 2px var(--base-cont-top);

			ws-icon svg use { fill: var(--base-txt-btn-a); }
		}
	}

	project-tags.expanded {
		max-height: none;
		.tag_fake.expand { display: none }
	}

	project-tags:not(:empty) + span.tag { display: none; }

	ws-chip[left-icon="notifications_off"] div {
		padding-left: 6px;

		span { font: var(--font-ui-11-micro-reg) }
	}

	.muted-icon {
		--icon-color: var(--base-txt-secondary);
		--icon-size: 16px;
		padding: 0 4px;
		border-radius: 12px;
		background: var(--base-hlt-g-easy);
		box-shadow: var(--shadow-brd-enable);
		height: 20px;
		margin-top: 2px;
		margin-left: auto;
	}
}

.listing__item__body-people {
	display: flex;
	flex-direction: column;
	padding: 12px 0;
	gap: 8px;

	.av_pre {
		border-radius: 4px;
		flex-shrink: 0;
		margin-left: -2px;

		img, .av_let {
			border-radius: 4px;
		}
	}

	.ava_row {
		display: flex;
		align-items: center;
		gap: 8px;

		.av_sm { transform: scale(0.83333); transform-origin: 50% 50%; }
		.cnt_over { top: 16px; }
		span.more {
			min-width: 20px;
			height: 20px;
			display: inline-flex;
			font: var(--font-ui-10-nano-reg);
			background: var(--base-cont-low-opac);
			padding: 0 4px;
			justify-content: center;
			align-items: center;
		}
		i { margin: 0 3px 0 8px; }

		ws-btn[right-icon="notepad"] {
			margin-left: auto;
			margin-right: -3px;
			svg { fill: var(--base-txt-secondary); }
			&:hover svg { fill: var(--base-txt-primary); }
		}

		.project_lead {
			background: var(--base-surf-low);
			border-radius: 6px;
			height: 20px;
			display: flex;
			gap: 1px;
			align-items: center;
			padding: 0 2px 0 0;
			--icon-color: var(--base-txt-alt-light);
			--icon-size: 14px;

			img, .av_let {
				margin-left: -2px;
				border-radius: 7.5px 0 0 7.5px;
			}

			img + ws-icon, .av_let + ws-icon {
				margin-left: -4px;
				margin-right: -2px;
			}
		}
	}

	.note {
		width: 100%;
		padding: 12px;
		box-sizing: border-box;
		background: var(--base-cont-mid);
		border-radius: 6px;
		display: none;

		div {
			width: 100%;
			max-height: 62px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			word-break: break-word;
			color: var(--base-txt-secondary);
			font: var(--font-ui-11-micro-reg);
		}

		&:hover {
			background: var(--base-cont-low);
		}
	}

	&.has_note {
		ws-btn[right-icon="notepad"] { display: none; pointer-events: none; }
		.note { display: block; }
	}
}

.listing__item__body-dates {
	a:hover span.in span:not(.gray) {
		padding-top: 1px;
		border-bottom: 1px dashed var(--base-txt-max);
		color: var(--base-txt-max);
	}

	project-term {
		&:not(:empty) {
			padding: 12px 0;
			margin-left: -1.5px;
			&:before {
				content: '';
				height: 1px;
				width: calc(100% + 26px);
				background: var(--base-line-tertiary);
				position: absolute;
				top: 0;
				left: -12px;
			}
		}

		font: var(--font-ui-13-small-med);
		color: var(--base-txt-primary);

		.gray { color: var(--base-txt-tertiary) !important; }
		.wait .in, .hot .in { color: var(--base-txt-primary); }

		.data.hot > .indicator { border-color: var(--base-line-secondary); }

		.data_place, .data {
			gap: 4px;
		}
		.border_dashed {
			border-radius: 100%;
			border: 1px dashed var(--base-txt-secondary);
			--icon-size: 14px;
			--icon-color: var(--base-txt-secondary);
			padding: 1px;
		}

		.data .in span {
			text-transform: capitalize;
		}

		.data > .indicator {
			width: 24px;
			height: 24px;
			border-radius: 24px;
			padding: 1px;

			svg { width: 19px; height: 19px; }
			ws-icon[name="hourglass"] svg {
				width: 14px;
				height: 14px;
			}
			ws-icon[name="shape-circle-8"], ws-icon[name="shape-circle-8"] svg {
				width: 18px;
				height: 18px;
			}
			.dot { width: 18px; height: 18px; }
		}
		.data.hot > .indicator, .data.today > .indicator {
			padding: 2px;
		}
	}
}

.listing__item__footer {
	background: var(--base-cont-mid);
	box-shadow: 0 0 0 1px var(--base-line-tertiary);
	padding: 10px 12px 10px 12px;
	box-sizing: border-box;
	display: flex;
	gap: 16px;
	--icon-color: var(--base-txt-tertiary);
	--icon-size: 16px;
	align-items: center;
	font: var(--font-ui-11-micro-reg);

	.s, a {
		color: var(--base-txt-secondary);
		display: inline-flex;
		align-items: center;
		gap: 2px;
		white-space: nowrap;
	}

	project-folder {
		padding-left: 2px;
		--icon-size: 16px;
		font :var(--font-ui-12-mini-med);
		color: var(--base-txt-secondary);
		flex-grow: 1;

		span {
			gap: 6px;
		}
	}

	project-stage {
		margin-left: -2px;

		.stage { gap: 6px; }
		.data_place { gap: 4px; }

		.border_dashed { border: none; }

		ws-icon {
			background: var(--tag-bg);
			padding: 2px;
			border-radius: 8px;
		}
	}

	.flex_gap {
		flex-grow: 2;
	}

	ws-btn { margin-left: auto; }

	.dots { display: none; }
	ws-icon[name="block"] { cursor: pointer; }
}

.listing__item.w_me {
	.listing__item__footer ws-icon[name="block"] { display: none; }
	.listing__item__footer .dots { display: inline-flex; }

}

.listing__item:not(.w_me),
.listing__item:hover {
	.muted-icon { display: none; }
}

body:not(.withMass) .listing__item:hover {
	box-shadow: var(--shadow-cont-major-outline);
	.name {
		ws-icon.proj_color { visibility: hidden; }
		.inputCheckbox { visibility: visible; }
	}
	.hide_to_hover { visibility: visible; }
	transition: visibility 0.3s ease;
}

.listing-withLabels .listing__item {
	.tags { display: inline-block; }
	.user_name { display: none; }

}

.listing__item.draggable {
	cursor: grab;
}

.listing__item__body-estimates {
	position: relative;
	width: calc(100% + 24px);
	margin-left: -12px;
	display: none;

	&.listing__item__body-estimates-fill {
		display: flex;
	}

	.progress_block {
		display: flex;
		position: relative;
		width: 33%;
		cursor: auto;
		overflow: hidden;

		&:not(:empty) { height: 48px; }

		&[data-url-limits], &[data-type="done"], &[onclick] { cursor: pointer; }

		span.data:not(.over):not(:empty):hover { background: var(--base-hlt-g-easy); }

		span.data.over {
			background: var(--base-hlt-w-easy);
			&:hover { background: var(--base-hlt-w-hover); }
		}

		&[data-used-time] span.data .proc {
			color: var(--costs-time-major);
		}

		span.unit {
			font: var(--font-ui-10-nano-reg);
			color: var(--base-txt-tertiary);
			padding: 2px 0 0 0;
		}

		span.data {
			flex-grow: 1;
			flex-shrink: 0;
			gap: 6px;
			padding: 0 6px;
			font: var(--font-ui-12-mini-reg);

			.space {
				width: 20px;
				display: flex;
				align-items: center;
				justify-content: center;

				progress-pie {
					width: 20px; height: 20px;
				}
			}

			.proc {
				font-weight: bold;
				.b_fl { display: none; }
				span {
					font: var(--font-ui-11-micro-reg);
					color: var(--base-txt-tertiary);
				}
			}

			&:hover {
				.proc .b_fl { display: inline-block; padding-left: 4px; }
				.proc + .in { display: none; }
			}
		}
	}

	.progress_block:empty:before {
		content: '—';
		display: flex;
		width: 100%;
		color: var(--base-txt-muted);
		align-items: center;
		justify-content: center;
	}

	.progress_block:first-child span.data { padding-left: 12px; }

	.progress_block:nth-child(2) {
		border-left: 0.5px solid var(--base-line-tertiary);
		border-right: 0.5px solid var(--base-line-tertiary);
	}
	.progress_block:last-child { width: 34%; }
}

.listing.listing-cardView .listing__item-inactive {
	background: var(--base-cont-mid);
}
.listing__item-inactive .tags span.tag {
	box-shadow:0 0 0 2px var(--base-cont-low)
}

.listing.listing-cardView .listing__item.la1,
.listing.listing-cardView .listing__item.la2 {
	border-radius:0 0 4px 4px
}
.listing.listing-cardView .listing__item.la1 .proj_color,
.listing.listing-cardView .listing__item.la2 .proj_color {
	margin-top:-13px;
	border-radius:0
}

.listing.listing-cardView .listing__item.pre_act {
	background: linear-gradient(0deg, var(--base-hlt-hover) 0%, var(--base-hlt-hover) 100%), var(--base-cont-top);
	box-shadow: 0 0 0 1px var(--base-line-ghost), 0 2px 8px -2px var(--colors-graphite-trans-300), 0 0 0 2px var(--base-hlt-invert-major) inset;
	.proj_color { opacity: 0; }
	.listing__item__footer { background: none; }
}

.listing__item .td_progress {
	margin:0 0 10px 0;
}

.listing__item .tags_ {
	margin:-5px 0 5px;
	display: flex;
	align-items: center;
}
.listing__item .tags {
	display:inline-block;
}
.listing__item .tags:empty, .listing__item .tags.empty {
	display:none
}
.listing__item .tags:not(:empty):before {
	content:'';
	display:block;
	height:2px;
}

.listing__item .note_wrapper a.inline_fnt font {
	color:var(--base-txt-tertiary);
	border-bottom-width:0
}
.listing__item:hover .note_wrapper a.inline_fnt font,
body.mobile .listing__item .note_wrapper a.inline_fnt font {
	border-bottom:1px dashed
}
.listing__item .note_wrapper a.inline_fnt:hover font {
	color:var(--base-txt-link-major);
}
.listing__item .note_wrapper .note {
	margin:0 30px 0 0;
	padding:0 20px 0 0;
}

.listing__item .status {
	font:12px/20px var(--font-base);
	padding:0;
	color:var(--base-txt-tertiary);
	min-height:40px;
	margin:0 0 30px;
}
.listing.listing-cardView .listing__item .status {
	margin:0 0 10px 0
}
.listing__item .link {
	font:11px/20px var(--font-base);
	color:var(--base-txt-secondary);
}
.listing__item .link a.inline {
	color:inherit;
	border-bottom-width:0
}
.listing__item:hover .link a.inline,
body.mobile .listing__item .link a.inline {
	border-bottom-width:1px
}
.listing__item:hover .link span.inline,
body.mobile .listing__item .link span.inline {
	border-bottom:1px dashed
}
body:not(.withMass) .listing__item:hover .link span.out, body.mobile .listing__item .link span.out {
	color:var(--base-txt-primary)
}
.listing__item .link a.inline:hover,
.listing__item .link a:hover span.inline,
.listing__item .link a:hover span.out {
	color:var(--base-txt-link-major);
}
.listing__item .link span.s,
.listing__item .link a.s,
.listing__item .link a.edit {
	white-space:nowrap;
	margin:0 5px 0 0;
}
.listing__item .link a.s {
	color:inherit
}
.listing__item .link .ico_r {
	margin:0 0 -10px 5px;
}

.listing__item .note_wrapper .loader_sm {
	float:right;
	display:none
}
.listing__item .note_wrapper .inline_on {
	display:none
}

.listing__item .status .ico_tag {
	transform:rotate(-90deg)
}

.listing__item .note_wrapper .ico_r {
	margin:0 0 0 -20px
}
.listing__item .link a {
	color:var(--base-txt-secondary);
}
.listing__item .link a:hover {
	color:var(--base-txt-max);
}
.listing.listing-cardView .listing__item .link {
	margin:10px -15px -15px -15px;
	padding:7px 10px;
}
.listing__item .link span.ico_r {
	margin:-3px 0 -3px 5px;
}
body.desktop .listing__item .link .s2 {
	display:none;
}
body.desktop .listing__item:hover .link .s1 {
	display:none;
}
body.desktop .listing__item:hover .link .s2 {
	display:block;
}
body.mobile .listing__item .link .s1 {
	display:inline;
}
body.mobile .listing__item .link .s2 {
	display:inline;
}
body.desktop .listing__item.pre_act .link .s1 {
	display:block !important;
}
body.desktop .listing__item.pre_act .link .s2 {
	display:none !important;
}
.listing__item .link .r {
	float:right;
}
.listing__item .users {
	margin:15px 0 0 0;
	height:24px;
}
.listing__item .users .ico_r {
	margin:-3px 0 -2px 0;
}
body.withMass .listing__item .users .ico_r {
	display:none
}
.listing__item:hover .users .ico_r {
	display:block
}
body.desktop .listing__item .status a.onch {
	border-width:0 0 0 0;
}
body.desktop .listing__item:hover .status a.onch, body.desktop .listing__item.pre_act .status a.onch {
	border-width:0 0 1px 0;
}

.listing__group__title .frm_inside ~ * {
	display:none !important;
}

body.mobile .listing__group__title .add span {
	display:none
}

.listing__group__title label.ico_mass_vis {
	position: absolute;
	left: 4px;
	z-index: 1;
	opacity:0;
	width:20px;
	height:20px;
	padding:5px;
	background:none;
	transition: opacity 0.3s ease;
}
body.withMass .listing__group, .listing__group:hover {
	label.ico_mass_vis {
		opacity:1;
		transition: opacity 0.3s ease;
	}
	.listing__group__title span.space { opacity: 0; transition: opacity 0.3s ease; }
}

.listing__group-collapsed .listing__group__content {
	display: none;
}

.listing__item-inactive .name a {
	color:var(--base-txt-secondary);
}

.listing__item-partSearch,
.listing__item-missFilter {
	opacity:0.5
}

.listing.listing-cardView .listing__item.la1 {
	box-shadow:0 2px 0 0 var(--lbl-today-major) inset;
	border-top-color:var(--lbl-today-major);
}
.listing.listing-cardView .listing__item.la2 {
	box-shadow:0 2px 0 0 var(--lbl-yesterday-major) inset;
	border-top-color:var(--lbl-yesterday-major)
}
body.withMass .listing__item:not(.listing__item-clone):not(.pre_act):hover,
body.withMass .listing__item:not(.listing__item-clone).pre_act {
	/* box-shadow: var(--shadow-cont-major-outline); */
	cursor: pointer;
}

@media (min-width:481px) {
}

.listing[data-mass-action=user] .listing__item.no_user.pre_act,
.listing[data-mass-action=user] .listing__item.no_user.pre_act:hover,
.listing[data-mass-action=on] .listing__item.no_on.pre_act,
.listing[data-mass-action=on] .listing__item.no_on.pre_act:hover,
.listing[data-mass-action=report] .listing__item.no_report.pre_act,
.listing[data-mass-action=report] .listing__item.no_report.pre_act:hover,
.listing[data-mass-action=off] .listing__item.no_off.pre_act,
.listing[data-mass-action=off] .listing__item.no_off.pre_act:hover,
.listing[data-mass-action=off] .listing__item.no_label.pre_act,
.listing[data-mass-action=off] .listing__item.no_label.pre_act:hover,
.listing[data-mass-action=wait] .listing__item.no_wait.pre_act,
.listing[data-mass-action=wait] .listing__item.no_wait.pre_act:hover,
.listing[data-mass-action=move] .listing__item.no_move.pre_act,
.listing[data-mass-action=move] .listing__item.no_move.pre_act:hover {
	box-shadow:none;
	border-color:var(--base-surf-low);
	background:var(--base-cont-top) !important
}

.listing[data-mass-action=user] .listing__item.no_user.pre_act .link,
.listing[data-mass-action=on] .listing__item.no_on.pre_act .link,
.listing[data-mass-action=report] .listing__item.no_report.pre_act .link,
.listing[data-mass-action=off] .listing__item.no_off.pre_act .link,
.listing[data-mass-action=off] .listing__item.no_label.pre_act .link,
.listing[data-mass-action=wait] .listing__item.no_wait.pre_act .link,
.listing[data-mass-action=move] .listing__item.no_move.pre_act .link {
	background:var(--base-cont-low)
}
.listing-cardView[data-mass-action=user] .listing__item.no_user.pre_act label.act,
.listing-cardView[data-mass-action=on] .listing__item.no_on.pre_act label.act,
.listing-cardView[data-mass-action=report] .listing__item.no_report.pre_act label.act,
.listing-cardView[data-mass-action=off] .listing__item.no_off.pre_act label.act,
.listing-cardView[data-mass-action=off] .listing__item.no_label.pre_act label.act,
.listing-cardView[data-mass-action=wait] .listing__item.no_wait.pre_act label.act,
.listing-cardView[data-mass-action=move] .listing__item.no_move.pre_act label.act {
	background:url(/assets/img/iconset.svg) no-repeat -20px -420px !important
}

.listing__group__title a.inline2 {
	color:var(--base-txt-tertiary);
}
.listing a.inline2:hover {
	border-bottom:1px dashed;
}

.listing__item span.label_wait {
	background:var(--projcond-muted-bg);
	color:var(--projcond-muted-txt);
	font:12px/22px var(--font-base);
	padding:1px 7px;
	margin:0 2px 0 3px;
	display:inline-block;
	border-radius:4px;
	vertical-align:top;
}
.listing__item span.label_wait .ico_l {
	margin:0
}
.listing__item span.label_arch {
	background:var(--projcond-archive-bg);
	color:var(--projcond-archive-txt);
	font:12px/22px var(--font-base);
	padding:0 7px;
	margin:0 0 0 7px;
	float:right
}

.listing__item .progress,
.listing__item .progress_na {
	width:auto;
	margin:3px 0;
}
.listing__item .progress_ {
	max-width:350px;
}
.listing__item .progress_ .bar[onclick] {
	cursor:pointer
}
.listing__item .progress_ .bar:hover span.out {
	color:var(--base-txt-link-minor)
}
.listing__item .progress_ .bar span.out:hover {
	color:var(--base-txt-link-major)
}
.listing__item .td_progress .bar {
	width:auto;
	white-space:nowrap;
	overflow:hidden;
	color:var(--base-txt-tertiary);
}
.listing__item .td_progress .bar a.onch {
	color:inherit;
	border-bottom:1px dashed
}
.listing__item .td_progress .bar a.onch:hover {
	color:var(--base-txt-link-minor)
}
body.desktop .listing__item .bar a.onch {
	border-width:0 0 0 0;
}
body.desktop .listing__item:hover .bar a.onch, body.desktop .listing__item.pre_act .bar a.onch {
	border-width:0 0 1px 0;
}
.listing.listing-cardView .listing__item .td_progress .bar {
	width:auto;
	margin:0 30px 5px 0;
}
.listing__item .bar .ico {
	display:none;
}

.listing__item .td_progress .bar {
	height:auto
}
.listing__item .bar .progress,
.listing__item .bar .progress_na,
.listing__item .bar .progress div,
.listing__item .bar .progress_na div {
	height:14px;
}
.listing__item .bars_tm .progress,
.listing__item .bars_tm .progress_na,
.listing__item .bars_tm .progress div,
.listing__item .bars_tm .progress_na div {
	height:10px;
}

body.desktop .listing-cardView .listing__item span.common_label_progress {
	display:none
}
body.desktop:not(.withMass) .listing-cardView .listing__item:hover span.common_label_progress, body.desktop:not(.withMass) .listing-cardView .pre_act span.common_label_progress {
	display:inline
}

@media screen and (max-width:1024px) {
}
@media screen and (max-width:900px) {
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.listing__item {
		position:static !important;
		margin:0 0 10px 0;
		width:auto !important;
		float:none !important;
	}
	.listing__item label {
		display:none !important
	}
	.listing_actions ws-btn {
		flex-grow: 1;
	}
}
@media screen and (max-width:360px) {
}
@media (hover: none) {
	body:not(.withMass) .listing__item .name a.ico_config {
		opacity: 1;
	}
	body.desktop:not(.withMass) .listing-cardView .listing__item span.common_label_progress {
		display: inline;
	}
	.listing__group label.ico_mass_vis {
		display: none;
	}
}
@media print {
	body {
		background:var(--base-cont-top)
	}
	.listing__group__title a.add {
		display:none
	}
	.listing__item .users {
		display:none
	}
	.listing-cardView .listing__group__title:before {
		display:none
	}

	.listing__item {
		position:relative !important;
		top:0 !important;
		left:0 !important;
		width:100% !important;
		box-shadow:none !important;
		background:var(--base-cont-top) !important
	}
	.listing__group__content {
		width:auto !important;
		height:auto !important;
	}
	.listing__item label {
		display:none !important
	}
	.listing-cardView .listing__group__title {
		border-top:none;
		text-align:left;
		margin:0;
		border-bottom:2px solid var(--base-line-alt-cardbrd);
		padding:0 0 5px 0
	}
	.listing-cardView .listing__group__title .in {
		background:var(--base-cont-top);
		position:static;
		padding:0
	}
	.listing-cardView .listing__group {
		margin:0;
	}

	.listing-cardView .listing__group__content {
		margin:5px 0 15px 0;
	}
	.listing.listing-cardView .listing__item {
		float:none;
		width:auto;
		border:none;
		border-bottom:1px solid var(--base-cont-low);
		padding:10px 0;
		margin:0 0 2px 0;
	}
	.listing.listing-cardView .listing__item .td_progress {
		margin:0;
	}
	.listing.listing-cardView .listing__item .name {
		padding:0 0 5px 0;
		margin:0
	}
	.listing.listing-cardView .listing__item .td_info {
		float:left;
		width:62%;
		margin:0 2% 20px 0;
	}
	.listing.listing-cardView .listing__item .td_progress {
		float:left;
		width:33%;
	}
	.listing.listing-cardView .listing__item .note_wrapper {
		display:none
	}
	.listing.listing-cardView .listing__item .note_wrapper .note {
		margin:0 24px 0 0;
	}
	.listing.listing-cardView .listing__item .link {
		position:absolute;
		left:0;
		bottom:15px;
		background:var(--base-cont-top);
		height:20px
	}
	.listing.listing-cardView .listing__item:hover .link, .listing.listing-cardView .listing__item.pre_act .link {
		padding-left:10px;
	}
	.listing.listing-cardView .listing__item .link .r {
		display:none
	}
	.listing.listing-cardView .listing__item label {
		display:none;
		left:5px;
		padding:5px;
		position:absolute;
		top:6px;
	}
}
.listing__item span.common_label_progress {
	color:var(--base-txt-tertiary)
}

.massPanel span.op_rep {
	float:left;
	color:var(--base-txt-accent);
	background:var(--base-cont-low);
	padding:0 15px;
	margin:0 3px 0 10px;
}
.massPanel span.op_rep_ {
}
.massPanel span.op_rep_ span.op {
	padding:0 10px;
}

body.withMass .listing__item:hover .note textarea {
	background:var(--colors-alpha-dark-05) !important
}

body.withMass .listing__item * {
	pointer-events:none !important
}
/*
body.withMass .listing__item label, body.withMass .listing__item label input {
	pointer-events:initial !important;
}*/

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

.listing__group-defaultHidden {
	display:none !important
}

.listing #form_edit_inline {
	margin-left:-100px;
	margin-right:-100px;
}

.listing_actions {
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	padding:20px 0;
	text-align:center
}
.listing_actions .button_white {
	margin:0 5px;
}
.listing_actions .button {
	margin-bottom:4px;
}

#empty_filter_new, #empty_search_new {
	padding: 120px 24px 0 24px;
	display: none;
}