.modal[data-group=chart] .modal__content {
	overflow: hidden
}
body[data-page=dashboard] #content {
	padding: 20px;
}
body.onprint {
	background: var(--base-cont-top);
	width: 1025px !important;
}
#user-dashboard .block25 {
	width: calc(25% - 10px)
}
#user-dashboard .block33 {
	width: calc(33.33% - 13.33px);
}
#user-dashboard .block50 {
	width: calc(50% - 10px);
}
#user-dashboard .block66 {
	width: calc(66.67% - 6.67px);
}
#user-dashboard .block_combine canvas {
	position: absolute;
	left: 0;
	top: 0;
}
#user-dashboard .block_combine #tasks_donut_print {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}
#user-dashboard .block_combine a.button {
	position: absolute;
	right: 10px;
	bottom: 10px
}
#user-dashboard .block_combine .pd_in {
	height: calc(100% - 56px);
	padding-bottom: var(--sp_fix_24);
	display: flex;
	align-items: center;
}
#user-dashboard .block_combine .in2 {
	height: 200px;
	width: 200px;
	position: relative;
	margin: 0 auto;
}
#user-dashboard .block_combine .name {
	text-align: left
}
#user-dashboard .block_combine .name div {
	display: inline-block
}
#user-dashboard .block_combine .plus_btn {
	float: right
}
#user-dashboard .block_combine .plus_btn .ico_task_add_act {
	padding: 0;
	margin: 0
}
#user-dashboard .block_combine .ico_dynamics {
	margin: 0;
}
#user-dashboard .block_combine .tasks_donut .plus_btn .ico_task_add_act:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	margin: 10px 0 0 10px;
	transition: 0.3s;
	border-radius: 100%
}
#user-dashboard .block_combine .tasks_donut .plus_btn .ico_task_add_act:hover:before {
	width: var(--sp_fix_32);
	height: var(--sp_fix_32);
	margin: -6px;
	background: var(--menu-item-selected)
}
#user-dashboard .block_combine .part_l .name a {
	float: right
}
#user-dashboard .block_combine .demo.tasks_donut .pd_in .empty {
	width: 100%;
	padding-top: 90px;
}
#user-dashboard .block_combine .demo.tasks_speed .pd_in .name h4 {
	color: var(--base-txt-tertiary)
}
#user-dashboard .block_combine .demo.tasks_donut .pd_in .empty a.button {
	position: relative;
	margin: 0 auto 0;
	bottom: 0;
	right: 0;
	background: var(--inp-hlt-bg);
	color: var(--base-txt-link-major);
	box-shadow: var(--shadow-brd-hover)
}
#user-dashboard .block_error {
	margin-top: 50px;
}
#user-dashboard .blocks_demo_toggle {
	display: none
}
#user-dashboard .tagdemo {
	background-color: var(--CHART_DEMO_LIGHT2);
	color: var(--base-txt-secondary)
}
#user-dashboard h4.switch {
	cursor: pointer
}
#user-dashboard .demo h4 {
	color: var(--base-txt-tertiary)
}
#user-dashboard .ico_drop {
	margin-left: -4px;
	margin-right: 0
}
#user-dashboard .ico_managers {
	margin-right: 10px
}
#user-dashboard .label {
	color: var(--base-txt-tertiary);
	z-index: 1000
}
#user-dashboard .label b {
	color: var(--base-txt-primary)
}
#user-dashboard .label_top_l {
	font: normal 14px/20px var(--font-base);
	padding: 4px 8px
}
#user-dashboard .label_top_r {
	float: right;
	padding: 2px 8px 2px 0;
	margin: -2px -8px 0
}
#user-dashboard .label_bottom_l {
	position: absolute;
	bottom: var(--sp_fix_12);
	padding: 3px 6px;
	margin: 0;
	left: 15px;
}
#user-dashboard .label_bottom_r {
	position: absolute;
	bottom: var(--sp_fix_12);
	right: var(--sp_fix_16);
	padding: 3px 6px;
	margin: 0;
}
#user-dashboard .label_hover {
	cursor: pointer
}
#user-dashboard .label_hover:hover {
	color: var(--base-txt-link-minor);
	background: var(--base-hlt-hover);
	border-radius: 4px
}
#user-dashboard .label_top_l:hover {
	padding-right: 26px;
	position: relative;
}
#user-dashboard .label_top_r:hover {
	padding-left: 26px;
	position: relative;
}
#user-dashboard .label_bottom_r:hover {
	padding-left: 26px
}
#user-dashboard .label_top_l:hover + i {
	display: none
}
#user-dashboard .label_top_l:hover:after {
	content: ' ';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(/assets/img/iconset.svg) no-repeat -40px -640px;
	margin: 1px 0 0 4px;
	top: 2px;
	right: 2px;
}
#user-dashboard .label_top_r:hover:before {
	content: ' ';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(/assets/img/iconset.svg) no-repeat -40px -640px;
	left: 2px;
	top: 2px;
}
#user-dashboard .label_bottom_r:hover:before {
	content: ' ';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(/assets/img/iconset.svg) no-repeat -40px -640px;
	margin-left: -24px
}
#user-dashboard .block50 .left {
	width: 45%;
	float: left
}
#user-dashboard .block50 .right {
	height: 180px;
	width: calc(50% - 20px);
	float: right;
	padding: 15px 10px 0;
	margin-top: 10px
}

#user-dashboard .block.block_alert {
	box-shadow: 0 0 0 2px var(--CHART_ALERT) inset
}
#user-dashboard .block.block_alert:after {
	content: '!';
	display: block;
	height: 20px;
	width: 20px;
	font: bold 16px/20px var(--font-base);
	color: var(--base-cont-top);
	position: absolute;
	top: -11px;
	left: calc(50% - 10px);
	text-align: center
}
#user-dashboard .block.block_alert:before {
	content: ' ';
	height: 20px;
	width: 20px;
	background-color: var(--CHART_ALERT);
	position: absolute;
	top: -11px;
	transform: rotate(45deg);
	left: calc(50% - 10px)
}
#user-dashboard .demo_preview .pd_in {
	text-align: center;
	padding: var(--sp_fix_24) var(--sp_fix_16);
}
#user-dashboard .demo_preview .pd_in h4 {
	margin-right: 20px;
}
#user-dashboard .demo_preview .pd_in .ico_esc {
	margin: 6px 8px 6px -32px;
}
#user-dashboard .demo_preview .pd_in .button {
	margin-right: 4px;
}

#user-dashboard #dashboard-tasks-by-user .pd_in {
	height: 100%;
}
#user-dashboard #dashboard-tasks-by-user .av_sm {
	position: absolute;
	display: none;
	cursor: pointer
}
#user-dashboard #dashboard-tasks-by-user .demo .av_sm {
	cursor: default
}
#user-dashboard #dashboard-tasks-by-user .tooltip table {
	padding-bottom: 8px
}
#user-dashboard #dashboard-tasks-by-tag .pd_in {
	height: 100%;
}
#user-dashboard #dashboard-tasks-by-tag .tags span {
	max-width: 80px;
	position: absolute;
	text-align: center;
	font: 10px/20px var(--font-base);
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 0 0 2px var(--base-cont-top);
	border-radius: 12px;
	background: var(--tag-bg);
	color: var(--tag-color);
	white-space: nowrap;
}
#user-dashboard #dashboard-tasks-by-tag .demo .tags span {
	cursor: default;
	pointer-events: none
}
#user-dashboard #dashboard-tasks-by-tag .tags ws-icon.tag {
	width: 28px;
	height: 28px;
	--icon-size: 24px;
}


.costs_burnout .pd_in {
	height: 415px;
	padding: 0 var(--sp_fix_32);
	padding-bottom: 50px;
}
.costs_burnout .dashboard_bars span.det {
	display: none
}
.costs_burnout .dynamic, .costs_burnout .ico_dynamics {
	display: none
}
.costs_burnout .dashboard_bars.bars1 .bar {
	padding-top: 0 var(--sp_fix_16)
}
.costs_burnout .dashboard_bars {
	height: 60px
}
.costs_burnout .legend .part {
	width: 33%
}
.costs_burnout .legend .part_shadow {
	box-shadow: 2px 0 var(--CHART_GRID_LINE) inset
}
.costs_burnout .legend .legend_row {
	width: auto;
	padding: 0 12px;
}
.costs_burnout .legend .part_rows {
}
.costs_burnout .legend .part_rows .legend_row {
	display: inline-block;
	width: auto;
	box-sizing: border-box;
	margin: 0 0 16px 2%;
}
.costs_burnout .legend .part_rows .legend_row:last-child {
	margin-right: -100px
}
.costs_burnout .legend .part_rows .legend_cnt {
	margin-left: 10px;
}
.costs_burnout .legend .legend_row .legend_line.as_chart {
	margin-right: 8px;
	width: 20px;
}
.costs_burnout .legend .legend_row.current .legend_circle {
	border: 2px solid var(--CHART_SPEED)
}
.costs_burnout .legend .legend_row.best .legend_circle {
	border: 2px solid var(--CHART_PURPLE)
}
.costs_burnout .legend .legend_row.avg .legend_line + span {
	border-left: 2px solid var(--CHART_COSTS_BORDER);
	padding: 3px 0 3px 0;
	margin-left: -10px;
	margin-right: 8px;
	display: none;
}
.costs_burnout .legend .legend_row.avg .legend_circle {
	border: 2px solid var(--CHART_COSTS_BORDER)
}
.costs_burnout .legend .legend_row.avg .legend_line {
	border-top: 2px dashed var(--CHART_COSTS_BORDER)
}
.costs_burnout .legend .legend_row .finish.finish {
	border: 2px solid var(--CHART_PURPLE)
}
.costs_burnout .legend .part_r .legend_row:last-child {
	width: 60%
}
.costs_burnout .legend .part_r .legend_row:last-child div {
	width: auto;
	text-align: inherit
}
.costs_burnout .legend .part_l .legend_row:last-child {
	width: 80%
}
.costs_burnout .legend .part_l .legend_row:last-child div {
	width: 30%;
	text-align: center
}

#user-dashboard .costs_progress {
	height: 90px;
	padding: 0;
}
.project_users .pd_in {
	height: 96px;
	cursor: pointer;
	box-sizing: content-box;
	padding: var(--sp_fix_16) var(--sp_fix_20);
}

.project_users .users {
	margin: 0;
	position: relative;
	top: -2px;
	white-space: nowrap;
	padding: 0 0 0 68px;
	cursor: pointer;
	height: 30px;
}

.project_users .users .ico_expandh {
	display: none
}

.project_users .ico_user_add {
	margin: 0 0 -40px -40px;
}

.project_users .users .cnt_total {
	float: left;
	width: 44px;
	padding: 5px 5px;
	text-align: center;
	font: 500 18px/20px var(--font-base);
	margin: 0 0 0 -68px;
	color: var(--base-txt-secondary);
}

.project_users .users:hover .cnt_total {
	color: var(--base-txt-link-minor)
}

.project_users .user_to {
	height: 68px;
	font: 300 12px/20px var(--font-base);
	color: var(--base-txt-secondary);
}

.project_users .user_to .b {
	font: 600 14px/20px var(--font-base);
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 8px 0 0 0;
	color: var(--base-txt-primary);
	max-width: 240px;
	white-space: nowrap;
}

.project_users .user_to a.b:hover {
	color: var(--base-txt-accent)
}

.project_users .user_to .ava {
	float: left;
	width: 48px;
	height: 48px;
	border: 1px solid transparent;
	padding: 3px;
	margin: 0 10px 0 0;
	border-radius: 20px;
}

.project_users .user_to .ava .av_nm {
	border-radius: 16px;
}

.project_users .user_to a.ava:hover {
	border: 1px solid var(--base-btn-primary-major);
}

.project_users .user_to .ava .av_def0 {
	border: 2px solid var(--base-hlt-hover);
	width: 20px;
	height: 20px;
	background: var(--base-hlt-hover) url(/assets/img/iconset.svg) no-repeat -40px -540px
}

.project_users .user_to a.inline {
	border-bottom: none
}

.project_users:hover .user_to a.inline {
	border-bottom: 1px dashed
}
#user-dashboard .project_users .dashboard__block__swapper ws-icon {
	--icon-size: 100px;
	top: calc(50% - 100px);
	left: calc(50% - 50px);
}
#user-dashboard .project_timeline .rightMenu, #user-dashboard #dashboard-users .rightMenu {
	display: flex;
	gap: 10px;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1001;
}
#user-dashboard .project_timeline {
	display: flex;
}
#user-dashboard .project_timeline .pd_in {
	padding: 0;
	height: 96px;
	flex-shrink: 1;
	flex-grow: 1;
}
#user-dashboard .project_timeline .in_in {
	margin: 10px 80px 0 80px;
	padding: 60px 0 0;
	height: 32px;
	position: relative;
}
#user-dashboard .project_timeline .in_space {
	margin-left: 100px;
	margin-right: 110px;
}
#user-dashboard .project_timeline .in_space_r {}
#user-dashboard .project_timeline .bg {
	height: 4px;
	background: var(--base-txt-ghost);
	position: relative;
	z-index: 2;
}
#user-dashboard .project_timeline .bg .over {
	height: 100%;
	background: var(--base-btn-alert-primary-minor);
	position: absolute;
	left: 0;
	width: 45%;
}
#user-dashboard .project_timeline .bg .last {
	height: 100%;
	background: linear-gradient(90deg, var(--trans), var(--CHART_BLUE_BORDER) 33%);
	position: absolute;
	left: 0;
	width: 100px;
}
#user-dashboard .project_timeline .bg .today {
	position: absolute;
	border-color: var(--CHART_BLUE_BORDER);
	margin-left: -7px;
}
#user-dashboard .project_timeline .bg .today_over {
	border-color: var(--base-btn-alert-primary-minor);
	z-index: 1;
}
#user-dashboard .project_timeline .dot_start,
#user-dashboard .project_timeline .dot_over,
#user-dashboard .project_timeline .dot_end,
#user-dashboard .project_timeline .today {
	position: absolute;
	left: -7px;
	top: -5px;
	width: 8px;
	height: 8px;
	border: 3px solid var(--CHART_BLUE_BORDER);
	background: var(--base-cont-top);
	border-radius: 16px;
}
#user-dashboard .project_timeline .dot_over {
	position: absolute;
	right: -7px;
	left: auto;
	border-color: var(--base-btn-alert-primary-minor);
}
#user-dashboard .project_timeline .dot_end {
	position: absolute;
	right: -7px;
	left: auto;
	border-color: var(--base-btn-alert-primary-minor);
}
#user-dashboard .project_timeline .tick {
	position: absolute;
	top: 10px;
	width: 0;
	height: 46px;
	border-right: 2px dashed var(--base-txt-ghost);
	margin-left: -1px;
}
#user-dashboard .project_timeline .tick:before {
	content: '';
	position: absolute;
	left: -3px;
	top: -4px;
	width: 4px;
	height: 4px;
	border: 2px solid var(--base-txt-ghost);
	background: var(--base-cont-top);
	border-radius: 6px;
}
#user-dashboard .project_timeline .tick_red {
	border-right-color: var(--base-btn-alert-primary-minor)
}
#user-dashboard .project_timeline .tick_red:before {
	border-color: var(--base-btn-alert-primary-minor);
}
#user-dashboard .project_timeline .tick .label {
	width: 100px;
	position: absolute;
	top: -10px;
	font: 12px/20px var(--font-base);
	white-space: nowrap;
	color: var(--base-txt-tertiary);
}
#user-dashboard .project_timeline .tick .label b {
	font: 600 13px/20px var(--font-base);
	color: var(--base-txt-primary);
}
#user-dashboard .project_timeline .tick_l .label {
	right: 10px;
	text-align: right;
}
#user-dashboard .project_timeline .tick_r .label {
	left: 12px;
	text-align: left;
}
#user-dashboard .project_timeline .tick .label a.inline,
#user-dashboard .project_timeline .tick .label font,
#user-dashboard .project_timeline .tick .label b {
	background: var(--base-cont-top);
	box-shadow: 0 0 0 2px var(--base-cont-top);
}
#user-dashboard .project_timeline .scale1 {
	height: 4px;
	position: relative;
	margin: 0 0 -6px;
}
#user-dashboard .project_timeline .scale1 div {
	height: 100%;
	position: absolute;
	border-right: 1px solid var(--base-txt-ghost);
	margin-left: -0.5px;
	font: 9px/26px var(--font-base);
	text-align: center;
	color: var(--base-txt-tertiary);
}
#user-dashboard .project_timeline .scale2 {
	height: 10px;
	position: relative;
	margin: 2px 0 -12px;
}
#user-dashboard .project_timeline .scale2 div {
	height: 100%;
	position: absolute;
	/*border-right: 1px solid var(--base-txt-ghost);*/
	margin-left: -0.5px;
	font: 9px/26px var(--font-base);
	text-align: center;
	color: var(--base-txt-tertiary);
}
#user-dashboard .project_timeline .scale1 div.year, #user-dashboard .project_timeline .scale2 div.year {
	height: 18px;
	border-right-color: var(--base-line-alt-cardbrd);
}
#user-dashboard .project_timeline .scale1 div.nobrd, #user-dashboard .project_timeline .scale2 div.nobrd {
	border-right: none
}
#user-dashboard .project_timeline .ico_help {
	position: absolute;
	right: 10px;
	top: 10px;
	transform: scale(1.2);
	opacity: 0.6
}
#user-dashboard .project_timeline .info {
	float: left;
	width: 130px;
	height: 96px;
	text-align: center;
	padding: var(--sp_fix_20) var(--sp_fix_20) var(--sp_fix_12);
	justify-content: space-between;
}
#user-dashboard .project_timeline .info .last {
	color: var(--base-txt-secondary);
	text-align: left;
	line-height: 16px;
}
#user-dashboard .project_timeline .info .last b {
	font: 600 24px/20px var(--font-base);
	display: block;
	color: var(--base-txt-primary);
	margin-bottom: 8px;
}
#user-dashboard .project_timeline .info .last b.sm {
	font: 600 20px/20px var(--font-base);
}
#user-dashboard .project_timeline .info .last b.over {
	color: var(--lbl-overdue-invert)
}
#user-dashboard .project_timeline .info .status {
	margin: 0 0 -5px 5px;
	display: block;
}
#user-dashboard .project_timeline .info .status project-tags,
#user-dashboard .project_timeline .info .status project-stage {
	display: inline-flex;
	border: 1px solid var(--base-line-secondary);
	border-radius: 4px;
	height: 30px;
	color: var(--base-txt-primary);
	align-items: center;
	padding:0 4px;
}
#user-dashboard .project_timeline .info .status project-tags .in,
#user-dashboard .project_timeline .info .status project-stage .in {
	padding:0 4px;
}
#user-dashboard .project_timeline .info .status project-tags ws-icon,
#user-dashboard .project_timeline .info .status project-stage ws-icon {
	width:30px;
	height:30px;
	--icon-size:24px;
}
#user-dashboard .project_timeline .info project-stage {
	gap: 6px;
}
#user-dashboard .project_timeline .info project-stage .in {
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	max-width: 80px;
}
#user-dashboard .project_timeline .info ws-btn ~ .status {
	margin-left: 65px;
}
#user-dashboard .project_timeline a.go:hover {
	position: relative;
	background: var(--base-hlt-hover);
	color: var(--base-txt-link-major);
	border-radius: 4px;
	padding-right: 21px;
}

#user-dashboard .project_timeline a.go {
	padding: 0 4px;
	margin: 0 -4px;
	color: var(--base-txt-tertiary);
	float: left;
}

#user-dashboard .project_timeline .tick_l a.go {
	float: right
}

#user-dashboard .project_timeline a.go .ico_l {
	display: none
}
#user-dashboard .project_timeline a.go:hover:after {
	content: ' ';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(/assets/img/iconset.svg) no-repeat -40px -640px;
	margin: 1px 0 0 4px;
	top: -1px;
	right: 0;
}
#user-dashboard .project_timeline a.go:hover font {
	display: none
}
#user-dashboard .project_timeline .info .button_white {
	padding: 4px 6px;
	margin: 0 5px 0 0;
	font: 12px/20px var(--font-base);
	min-width: 35px;
}
#user-dashboard .project_timeline .dashboard__block__swapper ws-icon {
	--icon-size: 100px;
	top: calc(50% - 100px);
	left: calc(50% - 50px);
}

.speedometer {
	width: 200px;
	height: 200px;
	margin: 4px auto 0;
	position: relative;
	display: block;
	color: inherit
}
.speedometer:hover {
	color: inherit
}
.speedometer svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	max-width: 200px;
	max-height: 200px;
}
.speedometer svg#speed_dash {
	transform: rotate(90deg)
}
.speedometer svg#speed_dash.average {
	transform: rotate(0deg);
}
.speedometer svg#speed_dash.average path {
	fill: var(--base-txt-muted) !important
}
.speedometer svg#speed_arrow {
	transform: rotate(-135deg)
}
.effect_start .speedometer svg#speed_arrow {
	transform: rotate(var(--php-dashboard-speed));
	animation: effect_start 1s infinite;
	animation-iteration-count: 1;
	transition: all .1s ease;
}
.effect_hover .speedometer svg#speed_arrow {
	animation: initial;
	transition: all 2s ease;
}
.effect_hover:not(.effect_shake) .speedometer:hover svg#speed_arrow {
	transform: rotate(90deg);
	transition: all 1s ease;
}
.speedometer .dot_required {
	position: absolute;
	width: 16px;
	height: 16px;
	border: 2px solid var(--base-btn-fresh-minor);
	border-radius: 20px;
	background: var(--base-cont-top);
	right: 0;
	top: 50%;
	display: block;
	box-shadow: 0 0 10px var(--colors-alpha-dark-30);
	z-index: 1;
	margin: -10px -2px;
}
.speedometer .dot_required:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	margin: 6px;
	background: var(--base-btn-fresh-minor);
	border-radius: 4px;
}
.speedometer .dot_average {
	position: absolute;
	width: 16px;
	height: 16px;
	border: 2px solid var(--base-txt-muted);
	border-radius: 20px;
	background: var(--base-cont-top);
	left: 50%;
	top: 0;
	display: block;
	box-shadow: 0 0 10px var(--colors-alpha-dark-30);
	z-index: 1;
	margin: -2px -10px;
}
.speedometer .dot_average:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	margin: 6px;
	background: var(--base-txt-muted);
	border-radius: 4px;
}
.speedometer #hand_v2_night {
	display: none
}

body[data-color=color] .speedometer #hand_v1_night {
	display: none
}

body[data-color-color] .speedometer #hand_v2_night {
	display: block
}

:root {
	--php-dashboard-speed: -135deg;
	--php-dashboard-speed-over: -130deg;
}

@keyframes effect_start {
	0% {
		transform: rotate(-135deg)
	}

	80% {
		transform: rotate(var(--php-dashboard-speed-over))
	}

	100% {
		transform: rotate(var(--php-dashboard-speed))
	}
}

.block_combine .effect_shake .speedometer svg#speed_arrow {
	animation: effect_shake 1.5s;
	animation-iteration-count: infinite;
	transition: all .01s ease-in-out;
	transition-timing-function: linear
}

@keyframes effect_shake {
	0% {
		transform: rotate(var(--php-dashboard-speed))
	}

	40% {
		transform: rotate(var(--php-dashboard-speed-over))
	}

	100% {
		transform: rotate(var(--php-dashboard-speed))
	}
}

.tasks_speed .speed {
	position: absolute;
	left: 50%;
	bottom: 0;
	font: bold 26px/20px var(--font-base);
	width: 150px;
	margin: 0 0 0 -75px;
	text-align: center;
	padding: 0 0 16px;
}
.tasks_speed .speed b {
	display: block;
	height: 20px;
}
.dashboard__modal .tasks_speed .speed {
	top: 120px;
}
.tasks_speed .suggest {
	font: 500 13px/20px var(--font-base);
	color: var(--base-txt-tertiary);
	margin: 10px -30px 0;
}
.tasks_speed .suggest.act {
	color: var(--base-btn-fresh-major)
}
.demo .tasks_speed .suggest {
	display: none;
}

.dashboard__modal .speedometer {
	width: 160px;
	height: 160px;
	margin-top: -10px;
}
.speed_details {
	font: 300 12px/20px var(--font-base);
	color: var(--base-txt-secondary);
	margin: 30px -10px 0 0;
}

.speed_details > div {
	margin: 0 0 8px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.speed_details > div:empty {
	border-top: 1px solid var(--base-line-alt-gap-major);
	height: 0;
	opacity: 0.5
}

.speed_details .th {
	float: left;
	width: 80px;
	margin: 0 5px 0 0
}

.speed_details .th2 {
	width: 110px;
}

.speed_details .td {
	float: left;
	color: var(--base-txt-primary);
	font: 600 13px/20px var(--font-base);
	margin: -1px 5px 0 0
}

.speed_details .leg {
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 7px 2px 0;
	border-radius: 4px;
	position: relative
}

.speed_details .leg_in {
	float: none;
	display: inline-block;
	vertical-align: bottom;
	margin: 2px 4px;
}

.speed_details .leg0 {
	background: var(--CHART_TASKS_PLAN_BG);
	box-shadow: 0 0 0 1px var(--CHART_TASKS_PLAN_BORDER) inset
}

.speed_details .leg1 {
	background: var(--CHART_BLUE_GRADIENT_START);
	box-shadow: 0 0 0 1px var(--CHART_BLUE_BORDER) inset
}

.speed_details .leg2:before {
	content: '';
	position: absolute;
	left: 0;
	right: 6px;
	top: 7px;
	border-top: 1px solid var(--CHART_SPEED)
}

.speed_details .leg2:after {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	right: 0;
	top: 4px;
	border: 2px solid var(--CHART_SPEED);
	border-radius: 6px;
	background: var(--base-cont-mod-top)
}

.speed_details .leg3:before, .speed_details .leg3:after {
	border-color: var(--CHART_BLUE_BORDER)
}
#dashboard-tasks-activity .r button.btn-skeleton {
	height: 20px;
	padding: 0;
}
#dashboard-tasks-activity task-unseen {
	display: none;
}
#dashboard-tasks-activity span.activity:hover ws-icon {
	--icon-color: var(--base-hlt-invert);
}
#dashboard-tasks-activity .dashboard__block__body {
	height: calc(100% - 56px);
}
#dashboard-tasks-by-tag .dashboard__block__header ws-icon[name="hint"] {
	padding: 0 4px;
}
#dashboard-tasks-by-tag .pd_in {
	height: 100%;
}
#dashboard-tasks-by-tag .tag_place {
	position: absolute;
	display: none;
	cursor: pointer
}
#dashboard-tasks-by-tag .tag_place ws-icon {
	width:24px;
	height:24px;
	--icon-size:24px;
}
#dashboard-tasks-by-user .pd_in {
	height: 100%;
}
#dashboard-tasks-by-user .av_sm {
	position: absolute;
	display: none;
	cursor: pointer
}
#dashboard-tasks-by-user .demo .av_sm {
	cursor: default
}
#dashboard-tasks-by-user .tooltip table {
	padding-bottom: 8px
}
#dashboard-tasks-by-user .dashboard__block__header ws-icon[name="hint"] {
	padding: 0 4px;
}


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

@media screen and (min-width: 481px) {
	#project_block {
		border-radius: 4px
	}
	.project_bl_home {
		border-radius: 4px
	}
}
@media (max-width: 1460px) {
	body.withSidebar {
		#user-dashboard .block33, #user-dashboard .block66 {
			width: 100%;
		}
	}
}
@media (max-width: 1400px) {
	.costs_progress span.det .s1 {
		display:none
	}

	.costs_progress span.det .s2 {
		display: inline
	}
}

@media (min-width: 850px) and (max-width: 1250px) {
	#user-dashboard .block.block_combine .right {
		padding: 5px 10px 0
	}

	#user-dashboard .block.block_combine .right .legend {
		width: 200px
	}

	#user-dashboard .block.block_combine .right .legend .tasks_closed, #user-dashboard .block.block_combine .right .legend .tasks_opened {
		display: block;
		margin-left: 0
	}
}
@media (max-width: 1200px) {
	#user-dashboard .block33, #user-dashboard .block66 {
		width: 100%;
	}
}
@media screen and (max-width: 1024px) {
	#user-dashboard .dashboard_flex_row2, #user-dashboard .dashboard_flex_row3, #user-dashboard .dashboard_flex_row4 {
		flex-direction: column;
	}

	#user-dashboard .dashboard_flex_row2 .swapper_v, #user-dashboard .dashboard_flex_row3 .swapper_v, #user-dashboard .dashboard_flex_row4 .swapper_v {
		display: none
	}

	#user-dashboard .block50 {
		width: 100%
	}
	#user-dashboard .legend_top {
		margin: -5px 0 0 10px
	}
	.costs_burnout .pd_in {
		padding-bottom: 100px;
	}
}

@media (max-width: 1024px) and (min-width:900px) {
	#user-dashboard .project_timeline .scale_x2 div:nth-child(odd) {
		color:var(--base-cont-top)
	}
}

@media (max-width: 760px) {
	#user-dashboard .project_timeline .scale_x2 div:nth-child(odd) {
		color: var(--base-cont-top);
		padding-top: 12px;
	}
}

@media (max-width: 1024px) and (min-width:900px) {
	#user-dashboard .project_users .users .cnt_total {
		display:none
	}
	#user-dashboard .project_users .users {
		padding-left: 4px
	}
}

@media screen and (max-width: 900px) {
	#user-dashboard .dashboard_flex_row1 {
		flex-direction: column;
	}
	#user-dashboard .dashboard_flex_row1 .swapper_v {
		display: none
	}
}

@media (max-width: 760px) {
	#user-dashboard .block_combine .pd_in {
		padding-bottom: 44px;
	}
	#user-dashboard .block_combine .in2, #user-dashboard .block_combine .speedometer {
		height: 180px;
		width: 180px
	}
	#user-dashboard .project_timeline .info {
		padding-right: 0;
	}
	#user-dashboard .project_timeline {
		flex-direction: column;
		align-items: flex-start;
	}
	#user-dashboard .project_timeline .info {
		flex-direction: row;
		height: auto;
		width: calc(100% - 20px);
		justify-content: normal;
		gap: 24px;
	}
	#user-dashboard .project_timeline .pd_in {
		width: 100%;
		height: 120px;
	}
	#user-dashboard .project_timeline .rightMenu {
		display: block;
	}
	#dashboard-widgets span {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	#user-dashboard .project_timeline .in_in {
		margin: 10px 60px 0 60px;
	}
	#user-dashboard .project_timeline .in_space {
		margin-left: 80px;
		margin-right: 80px;
	}
	#user-dashboard .project_timeline .info .status {
		margin: 0 0 0 -50px !important;
		float: right;
	}
	#user-dashboard .project_timeline .info .button_white {
		float: right;
		margin: 0 0 0 10px;
	}
	#user-dashboard .block_combine .name .plus_btn {
		display: none
	}
	#user-dashboard .block_combine .tasks_speed .dashboard__block__header ws-btn span {
		display: none;
	}
	#user-dashboard .tasks_donut ws-btn {
		max-width: 75px;
	}
	#user-dashboard .tasks_donut .dashboard__block__header {
		padding: 10px 12px 12px 4px;
	}
	#user-dashboard .tasks_by_tag {
		overflow: hidden;
	}
}

@media (max-width: 550px) {
	#user-dashboard .block.block_combine .right {
		padding: 5px 10px 0
	}
	#user-dashboard .block.block_combine .right .legend {
		width: 200px
	}
	#user-dashboard .block.block_combine .right .legend .tasks_closed, #user-dashboard .block.block_combine .right .legend .tasks_opened {
		display: block;
		margin-left: 0
	}
	#user-dashboard .block_combine .in2, #user-dashboard .block_combine .speedometer {
		height: 160px;
		width: 160px;
	}
}

@media (max-width: 480px) {
	body[data-page=dashboard] #content, body.mobile[data-page=dashboard] #content {
		padding:8px;
	}
	#user-dashboard .block_combine .pd_in {
		height: 140px;
		padding-bottom: 58px;
	}
	#user-dashboard .block_combine .in2, #user-dashboard .block_combine .speedometer {
		height: 100px;
		width: 100px;
	}
	#user-dashboard .block_combine .tasks_speed .speed {
		font-size: 24px
	}
	#user-dashboard .block_combine .demo.tasks_donut .pd_in .empty a.button {
		padding: 10px 10px
	}
	#user-dashboard .block_combine .demo.tasks_donut .pd_in .empty a.button .ico_l {
		margin: 0 5px 0 0
	}
	#user-dashboard .pd_out {
		width: auto;
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: auto;
	}
	#user-dashboard .pd_out .pd_in {
		width: 800px;
	}
	#user-dashboard .costs_progress {
		height: auto
	}
	#user-dashboard .costs_progress .bar {
		float: none;
		width: auto
	}
	#user-dashboard .costs_progress .bar + .bar {
		box-shadow: 0 -1px var(--CHART_GRID_LINE);
	}
	#user-dashboard .dashboard_bars.bars2 {
		height: 180px;
	}
	#user-dashboard .dashboard_bars .bar_time, #user-dashboard .dashboard_bars .bar_money {
		border-radius: 8px
	}
	#user-dashboard .block_combine .ico_dynamics {
		display:none
	}
	#user-dashboard .label_bottom_r {
		background: var(--base-cont-top)
	}
	#user-dashboard #dashboard-tasks-by-user div::-webkit-scrollbar, #dashboard-tasks-by-tag div::-webkit-scrollbar {
		width: 6px;
		height: 4px
	}
	#user-dashboard #dashboard-tasks-by-user div::-webkit-scrollbar-thumb, #dashboard-tasks-by-tag div::-webkit-scrollbar-thumb {
		background-color: var(--base-surf-low)
	}
	#user-dashboard #tasksByStageBacklog {
		display: none;
	}
	#user-dashboard #tasksByUserNotAssigned {
		display: none;
	}
	#user-dashboard #dashboard-tasks-speed-donut {
		height: 200px;
	}
	#user-dashboard .part .dashboard__block__header .dynamic {
		display: none;
	}
	#user-dashboard .part_r .dashboard__block__header h4 {
		max-width: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#user-dashboard .project_timeline .tick .label {
		width: 50px;
	}
}

@media print {
	@page {
		size: A4 portrait;
	}
	body {
		background: var(--base-cont-top);
		width: 1025px !important;
	}

	#user-dashboard .block_combine .pd_in {
		height: 180px;
		padding-bottom: 44px;
	}
	#user-dashboard .block_combine .pd_in svg {
		height: 180px !important
	}
	#user-dashboard .block_combine .in2, #user-dashboard .block_combine .speedometer {
		height: 180px;
		width: 180px
	}
	#user-dashboard .block_combine img {
		position: absolute;
		height: 180px;
		right: -20px
	}
	#user-dashboard .block, body[data-page=dashboard] .task {
		box-shadow: 0 0 0 1px var(--base-line-primary);
	}
	#user-dashboard .ico_drop, #user-dashboard .ico_i {
		display: none
	}
}