
#mass_n_filt {
	background: var(--base-cont-top);
	box-shadow: 0 1px var(--base-line-tertiary);
	overflow: hidden;
	position: relative;
	z-index: 1;
}
body.desktop {
	#mass_n_filt {
		min-height: 48px;
	}
}
#mass_n_filt .mass_select_all {
	left:0;
	top:0;
	padding:6px 0;
	opacity:0;
	z-index:1
}
#mass_n_filt:hover .mass_select_all, body.withMass #mass_n_filt .mass_select_all {
	opacity:0.7
}
#mass_n_filt .mass_select_all label {
	padding:7px 8px;
	width:14px;
}
#mass_n_filt .mass_select_all label input:checked {
	display:none
}
#mass_n_filt .filter {
	padding: 0 16px 0 30px;
	position:relative;
	top:0;
	transition:top 0.3s ease;
	-webkit-transition:top 0.3s ease
}
#mass_n_filt .filter.flex_row {
	gap:4px;
	height: 48px;
}
#mass_n_filt .massPanel {
	position:absolute;
	top: -48px;
	transition:top 0.3s ease;
	-webkit-transition:top 0.3s ease;
	display: flex;
	left: 0;
	right:0;
	padding: 0 24px;
	visibility: hidden;
}
body.withMass #mass_n_filt .filter {
}
body.withMass #mass_n_filt .massPanel {
	top:0;
	display: flex;
	visibility: visible;
}

#title_float .in_r .add_place .ico_filt_add {
	float:left;
	margin:2px;
}
#title_float .in_r .add_place:hover .ico_filt_add {
	margin:0;
}
.project_bl a.add_place, #title_float a.add_place {
	float:right;
	margin:-10px -20px -10px 20px;
	color:var(--base-txt-secondary);
	padding:10px;
}
.project_bl a.add_place:hover, #title_float a.add_place:hover {
	color:var(--base-txt-max)
}
.project_bl a.add_place_b:hover, #title_float a.add_place_b:hover {
	box-shadow:0 2px var(--base-txt-link-major)
}
.project_bl .add_place .ico_r {
	margin:-5px 0 -5px 10px
}
/*#title_float a.add_place .ico_r, */
.filter .add_place {
	float: right;
	margin: 10px 5px 10px 10px;
	position: relative;
}
.filter .add_place ws-btn {
	margin:-4px 0;
}
.filter .add_place a {
	float:right;
	color:var(--base-txt-secondary);
	font:13px/20px var(--font-base)
}
.filter .add_place a:hover {
	color:var(--base-txt-link-minor)
}
.filter .add_place span.ico_user_add, .filter .add_place span.ico_project_add {
	margin:-5px 0 -5px 0
}
#title_float a.add_place_usr {
	margin-right:-45px;
}
#title_float .ico_equalizer {
	margin:0 0 0 -30px
}
body.desktop #title_float .ico_equalizer {
	opacity:0;
	transition:opacity 0.2s ease 0.2s;
	-webkit-transition:opacity 0.2s ease 0.2s
}
body.desktop #title_float:hover .ico_equalizer {
	opacity:1
}

#title_float {
	background:
	var(--base-cont-top);
	height:40px;
	/* border-bottom:2px solid
	var(--base-line-alt-gap-minor); */
	padding:0 20px 0 30px;
	white-space:
	nowrap;
}

#title_float .in .ico_r {
	margin-left:10px;
}
#title_float .in .ico_menu_usr2 {
	margin-right:8px;
}
#title_float .in .ico_r.ico_projects {
	margin:-6px 1px -5px 4px;
}
#title_float * {
	vertical-align:top;
}
#title_float span.ico_subtasks {
	margin:0 4px 0 0
}

#title_float .in_r a.m {
	color:var(--base-txt-tertiary);
	padding:10px;
	margin:0 -10px
}
#title_float .in_r a.m:hover {
	border-bottom:2px solid var(--base-txt-link-minor);
	padding-bottom:12px;
	margin-bottom:-2px
}
#title_float .in_r a.m span {
	font:bold 13px/20px var(--font-base);
	color:var(--base-txt-accent)
}
#title_float .in_r .ico_r, #title_float .in_r3 .ico_r {
	margin:-5px 0
}
#title_float .in_r .ico_equalizer {
	margin:0
}
#title_float .users span {
	cursor:pointer
}
#title_float .users .ico {
	margin:5px 0 5px 15px !important;
}
#title_float .users_ .ico {
	margin:0 0 0 10px;
}
#title_float .in .eye {
	display:block;
}
#title_float .in b {
	display:none
}
#title_float .in a.name {
	color:var(--base-txt-accent)
}
#title_float .in a.name:hover {
	color:var(--base-txt-link-minor)
}
#title_float .in {
	height:40px;
	background:var(--base-cont-top);
	width:63%;
	font:14px/20px var(--font-base);
	padding:10px;
	box-sizing:border-box;
	color:var(--base-txt-secondary)
}
#title_float .in span.terms_label_wait, #title_float .in span.terms_label_hot, #title_float .in span.terms_label_warm, #title_float .in span.terms_label_remain {
	margin:0 0 0 10px;
	position:relative;
	top:-3px
}
#title_float .in_r {
	float:right;
	width:34%;
	padding:10px 10px;
	font:13px/20px var(--font-base);
	color:var(--base-txt-secondary)
}
#title_float .in_r3 {
	font:13px/20px var(--font-base);
	color:var(--base-txt-secondary)
}
@media (min-width:900px) {
}

#title_float .div {
	display:inline-block;
	width:1px;
	height:16px;
	background:var(--base-line-primary);
	margin:2px 7px 2px 10px
}
#title_float .wleft, #title_float .wright_ {
	display:none;
}
#title_float .wcenter {
	display:none
}
@media (max-width:900px) {
	#title_float .wleft {
		display:inline;
		vertical-align:top
	}
	#title_float .wright {
		display:none
	}
	body.bd_right #title_float .wleft, body.bd_right #title_float .in {
		display:none
	}
	body.bd_right #title_float .wright {
		display:inline;
		vertical-align:top
	}
	body.bd_right #title_float .wleft_ {
		display:none
	}
	body.bd_right #title_float .wright_ {
		display:inline;
		vertical-align:top
	}
	#title_float .in_r {
		display:none
	}
	body.bd_right #title_float .in_r {
		display:block;
		float:left;
		width:100%;
		box-sizing:border-box;
		text-align:center;
		padding-right:40px;
	}
	body.bd_right #title_float .in_r .ico_r {
		margin-right:-30px;
	}
	body.bd_right #title_float .in_r .ico_user_add {
		margin-right:-35px;
	}
	body.bd_right #title_float .in_r .ico_project_add {
		margin-right:-25px;
	}
	body.bd_right #title_float .div.tbl {
		display:none
	}
	#title_float .in_r3 {
		text-align:center;
		padding-right:40px;
	}
	#title_float .in_r3 .ico_r {
		margin-right:-30px;
	}
	#title_float .in_r3 .ico_plus_blue2 {
		margin-right:-28px;
		margin-top:0
	}
	#title_float .in_r3 .ico_user_add {
		margin-right:-35px;
	}
	#title_float .in_r3 .ico_project_add {
		margin-right:-25px;
	}
	#title_float .in_r3 .div.tbl {
		display:none
	}
	#title_float .in {
		width:
		auto;
	}
	#title_float .in_r .ico_r {
		margin:-5px 5px;
	}
	#title_float .in_r .ico_equalizer {
		margin:0
	}
	body.bd_right #title_float .in_r .users_ {
		display:block !important
	}
	body.bd_right #title_float .in_r .users, body.bd_right #title_float .in_r .ico_expandh {
		display:none
	}
}
#tback {
	font:13px/20px var(--font-base);
	padding:10px;
	margin:-10px -10px -10px -40px;
	float:left;
	white-space:nowrap;
	color:var(--base-txt-tertiary)
}
.modal #tback {
	margin-left:-18px;
	padding-left:15px;
	margin-right:0;
	padding-right:0
}
#tback:hover {
	color:var(--base-txt-max);
}
#tback.over {
	color:var(--base-txt-link-minor);
}
#tback i {
	font:inherit;
	color:inherit;
	margin:0 10px
}
#tback .ico_l {
	float:left;
	margin:-2px 0 2px 0;
}
#title_float #tback + .div {
	margin-left:0
}
@media (max-width:480px) {
	#mass_n_filt .filter.flex_row {
		gap: 8px;
	}
	#title_float {
		padding:0 0 0 10px
	}
	#title_float a.a2r {
		margin:0 10px 0 0
	}
	#tback {
		margin-left:-20px;
		padding-left:15px;
	}
	#tback i {
		display:none
	}
}
#title_float .in_abs_left {
	float:left
}

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

@media (max-width:1390px) {
}
@media (max-width:1000px) and (min-width:900px) {
}


@media (max-width:960px) {
}

#title_float .users {
	height:24px;
	margin:0 20px -4px 0;
	position:relative;
	top:-2px;
	white-space:nowrap;
}
#title_float .users .av_sm {
	margin:0 -2px 0 -2px;
	box-shadow:0 0 0 2px var(--base-cont-top);
	float:left
}
#title_float .users .cnt_over {
	position:absolute;
	background:var(--base-btn-alert-primary-major);
	color:var(--white-accent);
	min-width:6px;
	padding:0 2px;
	height:10px;
	border-radius:3px;
	font:8px/10px var(--font-base);
	text-align:center;
	left:0;
	top:20px;
	box-shadow:0 0 0 1.5px var(--base-cont-top);
}
#title_float .users .cnt_over:hover {
	background:var(--base-btn-primary-minor);
}
#title_float .users span {
	display:inline-block;
	position:relative;
	vertical-align:top;
	cursor:pointer;
}

#title_float .users span.more {
	margin:0 5px 0 0;
	width:24px;
	height:24px;
	text-align:center;
	font:12px/24px var(--font-base);
	border-radius:12px;
	background:var(--base-cont-low);
	color:var(--base-txt-secondary);
}
#title_float .users span.more:hover {
	background:var(--base-hlt-hover);
	color:var(--base-txt-primary)
}
#title_float .users .user_to .av_sm {
	border-radius:0
}
#title_float .users i {
	margin:0 7px 0 7px;
	float:left;
	border-left:1px solid var(--base-line-primary);
	width:1px;
	height:24px;
}

#title_float a.filtdel {
	font:11px/28px var(--font-base);
	color:var(--base-txt-secondary);
	display:inline-block;
	padding:0 18px 0 8px;
	background:var(--flt-act-bg);
	border-radius:4px;
	margin:-4px 0 -4px 0
}
#title_float a.filtdel:hover {
	padding-right:6px;
	box-shadow:none
}
body.mobile #title_float a.filtdel {
	padding-right:6px
}
#title_float a.filtdel:hover:after, body.mobile #title_float a.filtdel:after {
	content:' x';
	font:11px/28px var(--font-base);
	margin-left:3px
}
#title_float a.info {
	float:right;
	border-left:1px solid var(--base-line-primary);
	padding:5px 5px 5px 10px;
	margin:-5px -30px -5px 15px;
}
#title_float .in_r a.ico_user_add {
	margin:-5px -5px -5px 30px;
}

#title_float .in_r a.a, #title_float .in_r a.a2 {
	vertical-align:top
}
#title_float .in_r a.a {
	color:var(--base-txt-secondary);
	padding:3px 8px;
	margin:-3px -8px;
	border-radius:4px;
	display:inline-block;
}
#title_float .in_r a.a:hover {
	background:var(--base-hlt-hover);
	color:var(--base-txt-primary)
}
#title_float a.a2 {
	color:var(--base-txt-secondary);
	font:13px/20px var(--font-base);
	display:inline-block;
}
#title_float a.a2r {
	float:right
}
#title_float a.a2:hover {
	color:var(--base-txt-primary)
}
/*#title_float .in_r a.a > span {font-weight:bold; color:var(--base-txt-accent); margin-right:-4px;}*/
#title_float span.cnt {
	font-weight:bold;
	color:var(--base-txt-accent);
	margin-right:-4px;
}

#title_float .part {
	color:var(--base-txt-tertiary)
}
#title_float .part:hover {
	color:var(--base-txt-secondary)
}
#title_float .part.act {
	color:var(--base-txt-accent)
}
#title_float .part.act a {
	cursor:text
}
#title_float .part.act a.cnt_hot, #title_float .part.act a.cnt_warm, #title_float .part.act a.ico_expandh {
	cursor:pointer
}

#title_float a.cnt_hot, #title_float span.cnt_hot {
	background:var(--lbl-overdue-invert);
	box-shadow:none;
	position:relative;
	top:0;
	padding:2px 5px;
	display:inline
}
#title_float a.cnt_warm, #title_float span.cnt_warm {
	background:var(--lbl-upcoming-invert);
	box-shadow:none;
	position:relative;
	top:0;
	padding:2px 5px;
	display:inline;
}
#member_view a.cnt_hot {
	vertical-align:bottom;
	margin:0 -2px 0 2px
}
#title_float a.cnt_hot:hover, #title_float a.cnt_warm:hover, #member_view a.cnt_hot:hover {
	border-radius:3px;
	background:var(--base-btn-primary-minor);
	-webkit-transition:border-radius 0.5s ease;
	transition:border-radius 0.5s ease
}
#title_float a.ico_expandh {
	margin-left:10px;
	margin-top:2px !important;
}

#title_float .noscroll {
	float:left;
	margin:-10px 0 -10px -40px;
	padding:10px 10px 10px 40px;
	cursor:auto
}

#title_float a.b {
	color:var(--base-txt-secondary)
}
body.desktop #title_float a.b .ico {
	opacity:0
}
body.desktop #title_float a.b .ico_plus_blue2 {
	opacity:1
}

#title_float a.b:hover .ico {
	background-color:var(--base-hlt-hover);
	border-radius:10px;
}
#title_float a.b:hover span.ico_plus_blue {
	background-color:var(--base-hlt-notr-hover);
}
body.desktop #title_float a.b:hover .ico {
	opacity:1
}

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

