.listing {
	margin:0 auto;
	padding:0;
}
.listing__group__content {
	position:relative;
	margin:5px auto 15px;
}
.listing__group__title {
	position:relative;
	text-align:center;
	height:36px
}
.listing__group__title:before {
	content:'';
	border-top:1px solid var(--base-cont-mid);
	box-shadow:0 -1px var(--base-line-alt-cardbrd);
	display:block;
	position:absolute;
	left:0;
	top:18px;
	right:0;
}
.listing__group__title .in {
	background:var(--base-surf-top);
	padding:0 10px;
	color:var(--base-txt-secondary);
	font:22px/36px var(--font-base);
	display:inline-block;
	position:relative;
	white-space:nowrap;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box
}
.listing__group__title label.ico_mass_vis {
	opacity:0;
	float:left;
	width:20px;
	height:20px;
	padding:5px;
	margin:3px -5px 0 -25px;
	background:none;
}
.listing__group:hover label.ico_mass_vis, body.withMass .listing__group label.ico_mass_vis {
	opacity:1
}

.listing__item {
	float:left;
	width:350px;
	border:1px solid var(--base-line-alt-cardbrd);
	background:var(--base-cont-top);
	padding:15px;
	margin:0 15px 15px 0;
	position:relative;
	border-radius:4px;
}
.listing__item .name {
	font:12px/22px var(--font-base);
	padding:0 0 10px 0;
	color:var(--base-txt-muted);
	overflow:hidden
}
.listing__item .project b {
	font-weight:normal
}
.listing__item .project b {
	display:none;
}
.listing__item .project {
	color:var(--base-txt-tertiary);
	padding:0 0 3px 0
}
.listing__group#obj-group0 .listing__item .project b {
	display:inline;
}
.listing__item .name a {
	color:var(--base-txt-accent);
	font:18px/22px var(--font-base);
	margin-right:5px
}
.listing__item .name a:hover {
	color:var(--base-txt-link-minor)
}
.listing__item .note_wrapper .note {
	padding:0 20px 0 0;
}
.listing__item .note textarea {
	background:var(--base-cont-low);
	border:none;
	border-top:1px solid var(--base-line-alt-gap-minor);
	width:100%;
	padding:5px 10px;
	height:45px;
	resize:none;
}
.listing__item .note textarea.empty {
	font-style:italic;
	color:var(--base-txt-tertiary);
}
.listing__item .note textarea.full {
	background:var(--base-cont-note-major);
	color:var(--base-txt-primary);
}
.listing__item .status {
	font:12px/20px var(--font-base);
	padding:0;
	margin:0 0 10px 0;
	color:var(--base-txt-tertiary)
}
.listing__item .link {
	font:11px/20px var(--font-base);
	color:var(--base-txt-secondary);
}
.listing__item .link span.s,
.listing__item .link a.edit {
	white-space:nowrap;
	margin:0 5px 0 0;
}
.listing__item .note_wrapper .ico_r {
	margin:-3px -5px 0 -20px
}
.listing__item .link a {
	color:var(--base-txt-secondary);
}
.listing__item .link a:hover {
	color:var(--base-txt-max);
}
.listing__item .link {
	margin:5px 5px -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;
}

body.desktop .listing__item .status b a.onch {
	border-width:0 0 0 0;
}
body.desktop .listing__item:hover .status b a.onch, body.desktop .listing__item.pre_act .status b a.onch {
	border-width:0 0 1px 0;
}
.listing__item .td_tags {
	margin:0;
}
.listing__item .tags {
	padding:0;
	margin:0;
	display:inline;
}

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

.listing__item label {
	background:none
}
body.withMass .listing__item label, body.mobile .listing__item label,
.listing__item:hover label,
.listing__item.selected label {
	background:url(/assets/img/color/iconset.svg) no-repeat -20px -1280px;
}
.listing__item:hover label:hover {
	background:url(/assets/img/color/iconset.svg) no-repeat -40px -1280px
}
.listing__item label.act {
	background-position:0 -1220px !important
}
.listing__item label input {
	opacity:0;
	width:20px;
	height:20px;
}
.listing__item label {
	position:absolute;
	right:7px;
	bottom:7px;
	width:20px;
	height:20px;
	padding:0;
	border-right:0;
}

@media (min-width:481px) {
	.listing__item.pre_act, .listing__item.pre_act .listing__item__row {
		background:var(--base-hlt-notr-hover);
		border-color:transparent;
		box-shadow:var(--shadow-cont-minor);
	}
	body.desktop .listing__item.pre_act label {
		display:block;
	}
	.listing__item.pre_act label {
		display:block;
	}
}

.listing[data-mass-action=delete] .listing__item.no_delete.pre_act,
.listing[data-mass-action=delete] .listing__item.no_delete.pre_act:hover {
	box-shadow:none;
	border-color:var(--base-surf-low);
}
.listing[data-mass-action=delete] .listing__item.no_delete.pre_act .link,
.listing[data-mass-action=delete] .listing__item.no_delete.pre_act label.act {
	background:var(--base-cont-low)
}

body.desktop .listing__item span.common_label_progress {
	display:none
}
body.desktop .listing__item:hover span.common_label_progress, body.desktop .pre_act span.common_label_progress {
	display:inline
}

.listing__item .td_sum {
	float:right;
	text-align:right;
	margin:7px 0 0 0;
}
.listing__item .td_sum b {
	font:24px/20px var(--font-base)
}
.listing__item-type5 .td_sum b {
	color:var(--base-txt-tertiary);
	text-decoration:line-through
}
.listing__item .td_sum i {
	font:12px/14px var(--font-base);
	color:var(--base-txt-tertiary)
}
.listing__item .td_sum b i {
	margin-right:3px
}
.listing__item .ico_expandv {
	margin:7px 0 0 10px;
}

.listing__item__rowsContainer {
	background:var(--base-cont-low);
	margin:15px -15px;
	border-bottom:1px solid var(--base-line-alt-gap-minor);
	display:none;
}
.listing__item__rowsContainer-visible {
	display:block;
}
.listing__item__rowsContainer .td_srch {
	background:var(--base-hlt-notr-hover)
}
.listing__item__rowsContainer .td_srch2 {
	background:var(--base-cont-top) linear-gradient(0deg, var(--base-hlt-easy), var(--base-hlt-easy))
}
.listing__item__row {
	border-top:1px solid
	var(--base-line-alt-gap-minor);
	padding:8px 65px 8px 15px;
	position:
	relative;
	font:13px/20px
	var(--font-base);
	min-height: 20px;
}
.listing__item__row .row_value {
	position:absolute;
	right:15px;
	top:5px;
	font:14px/20px var(--font-base)
}

.listing__item.selected,
.listing__item.selected:hover {
	background:var(--base-cont-top) linear-gradient(0deg, var(--base-hlt-easy), var(--base-hlt-easy))
}
.listing__item.selected .link {
	background:var(--base-hlt-selected)
}

@media (max-width:480px) {
	.listing__item label {
		display:none !important
	}
}
@media (max-width:360px) {
}
@media print {
	body {
		background:var(--base-cont-top)
	}
	.listing {
		padding:1px 0 0 0
	}
	.listing__group__title {
		border-top:none;
		text-align:left;
		margin:30px 0 -20px -10px;
	}
	.listing__group__title .in {
		background:var(--base-cont-top)
	}
	.listing__group {
		margin:0;
	}
	.listing__item {
		position:relative !important;
		top:0 !important;
		left:0 !important;
		width:100% !important
	}
	.listing__group__content {
		width:auto !important;
		height:auto !important;
		margin:5px 0 15px 0
	}
	.listing__item {
		float:none;
		width:auto;
		border:none;
		border-bottom:1px solid var(--base-line-alt-cardbrd);
		padding:10px 0;
		margin:0 0 2px 0;
	}
	.listing__item:first-child {
		border-top:2px solid var(--base-line-alt-cardbrd)
	}
	.listing__item .td_progress {
		margin:0;
	}
	.listing__item .name {
		padding:0 0 5px 0;
	}
	.listing__item__title {
		float:none;
	}
	.listing__item .status {
		height:34px;
	}
	.listing__item .status br {
		display:none
	}
	.listing__item .note_wrapper {
		display:none
	}
	.listing__item .note_wrapper .note {
		margin:0 24px 0 0;
	}
	.listing__item .link {
		position:absolute;
		left:0;
		bottom:15px;
		background:var(--base-cont-top)
	}
	.listing__item:hover .link, .listing__item.pre_act .link {
		padding-left:10px;
	}
	.listing__item .link .r {
		display:none
	}
	.listing__item label {
		display:none;
		left:5px;
		padding:5px;
		position:absolute;
		top:6px;
	}
	.listing__item__rowsContainer, .listing__item .ico_expandv {
		display:none !important
	}
}

body.withMass .listing__item:hover {
	background:var(--base-cont-top) linear-gradient(0deg, var(--base-hlt-easy), var(--base-hlt-easy));
	cursor:pointer
}
body.withMass .listing__item:hover .note textarea, body.withMass .listing__item.pre_act .note textarea {
	background:var(--colors-alpha-dark-05) !important
}

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


/** ---------------------------------------------- COMMON -------------------------------------------------------*/

.listing__item a.label_st {
	color:var(--white-accent);
	font:12px/20px var(--font-base);
	padding:0 7px;
	margin:0 7px 0 0;
	float:left;
	border-radius:3px;
	border-bottom:none
}
.listing__item a.label_st:hover {
	background:var(--base-txt-accent)
}
@media print {
	.listing__item a.label_st, span.label_st {
		float:none;
		display:inline-block;
		margin-left:10px;
	}
}

#label_popup {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100px;
	background:var(--base-cont-top);
	padding:2px 2px 1px 2px;
	border:1px solid var(--base-line-secondary);
	z-index:2000;
}
#label_popup a {
	display:block;
	float:none;
	border-radius:0;
	font:12px/18px var(--font-base);
	text-align:center;
	margin:0 0 1px 0;
	cursor:pointer;
}

.massPanel .mass_sum {
	position:absolute;
	font:24px/20px var(--font-base);
	color:var(--base-txt-secondary);
	text-align:right;
	top:10px
}
.massPanel .mass_sum {
	color:var(--costs-money-major);
	right:120px;
	padding:0 0 0 40px;
}
.massPanel .mass_sum b {
	font-weight:normal
}
.massPanel .ico_summ {
	position:absolute;
	left:0;
	top:-15px;
	font:30px/45px var(--font-serif);
	color:var(--base-txt-tertiary);
	width:40px;
	height:50px;
	padding:0;
	text-align:center;
}
.massPanel .mass_sum small {
	position:absolute;
	color:var(--base-txt-tertiary);
	font:14px/16px var(--font-base);
	right:-35px;
	top:5px;
	width:30px;
	text-align:left
}

.filter .add_place a font {
	margin-right:5px;
	border-bottom:1px dashed
}
.filter .add_place a:hover font {
	border-bottom:none
}
.filter .add_place a .ico_l {
	background-color:var(--base-hlt-hover);
	box-shadow:0 0 0 4px var(--base-hlt-hover);
	border-radius:10px;
	margin:0 10px 0 0
}
.filter .add_place a:hover {
	background-color:var(--base-hlt-hover);
	box-shadow:0 0 0 4px var(--base-hlt-hover);
	border-radius:10px;
	color:var(--base-txt-max)
}
.filter .add_place a:first-child {
	transition:all 0.1s ease 0.1s
}
.filter .add_place a {
	margin:0 0 0 20px;
}

.filter .add_place a .ico_plus {
	transition:transform 0.1s ease;
	-webkit-transition:-webkit-transform 0.1s ease
}
.filter .add_place a:hover .ico_plus {
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Chrome, Safari, Opera */
	transform:rotate(-90deg);
}
