.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;
}
#project-dashboard .block25 {
    width: calc(25% - 10px)
}
#project-dashboard .block33 {
    width: calc(33.33% - 13.33px);
}
#project-dashboard .block50 {
    width: calc(50% - 10px);
}
#project-dashboard .block66 {
    width: calc(66.67% - 6.67px);
}
#project-dashboard .block_combine canvas {
    position: absolute;
    left: 0;
    top: 0;
}
#project-dashboard .block_combine #tasks_donut_print {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#project-dashboard .block_combine a.button {
    position: absolute;
    right: 10px;
    bottom: 10px
}
#project-dashboard .block_combine .pd_in {
    height: calc(100% - 56px);
    padding-bottom: var(--sp_fix_24);
    display: flex;
    align-items: center;
}
#project-dashboard .block_combine .in2 {
    height: 200px;
    width: 200px;
    position: relative;
    margin: 0 auto;
}
#project-dashboard .block_combine .name {
    text-align: left
}
#project-dashboard .block_combine .name div {
    display: inline-block
}
#project-dashboard .block_combine .plus_btn {
    float: right
}
#project-dashboard .block_combine .plus_btn .ico_task_add_act {
    padding: 0;
    margin: 0
}
#project-dashboard .block_combine .ico_dynamics {
    margin: 0;
}
#project-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%
}
#project-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)
}
#project-dashboard .block_combine .part_l .name a {
    float: right
}
#project-dashboard .block_combine .demo.tasks_donut .pd_in .empty {
    width: 100%;
    padding-top: 90px;
}
#project-dashboard .block_combine .demo.tasks_speed .pd_in .name h4 {
    color: var(--base-txt-tertiary)
}
#project-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)
}
#project-dashboard .block_error {
    margin-top: 50px;
}
#project-dashboard .blocks_demo_toggle {
    display: none
}
#project-dashboard .tagdemo {
    background-color: var(--CHART_DEMO_LIGHT2);
    color: var(--base-txt-secondary)
}
#project-dashboard h4.switch {
    cursor: pointer
}
#project-dashboard .demo h4 {
    color: var(--base-txt-tertiary)
}
#project-dashboard .ico_drop {
    margin-left: -4px;
    margin-right: 0
}
#project-dashboard .ico_managers {
    margin-right: 10px
}
#project-dashboard .label {
    color: var(--base-txt-tertiary);
    z-index: 1000
}
#project-dashboard .label b {
    color: var(--base-txt-primary)
}
#project-dashboard .label_top_l {
    font: normal 14px/20px var(--font-base);
    padding: 4px 8px
}
#project-dashboard .label_top_r {
    float: right;
    padding: 2px 8px 2px 0;
    margin: -2px -8px 0
}
#project-dashboard .label_bottom_l {
    position: absolute;
    bottom: var(--sp_fix_12);
    padding: 3px 6px;
    margin: 0;
    left: 15px;
}
#project-dashboard .label_bottom_r {
    position: absolute;
    bottom: var(--sp_fix_12);
    right: var(--sp_fix_16);
    padding: 3px 6px;
    margin: 0;
}
#project-dashboard .label_hover {
    cursor: pointer
}
#project-dashboard .label_hover:hover {
    color: var(--base-txt-link-minor);
    background: var(--base-hlt-hover);
    border-radius: 4px
}
#project-dashboard .label_top_l:hover {
    padding-right: 26px;
    position: relative;
}
#project-dashboard .label_top_r:hover {
    padding-left: 26px;
    position: relative;
}
#project-dashboard .label_bottom_r:hover {
    padding-left: 26px
}
#project-dashboard .label_top_l:hover + i {
    display: none
}
#project-dashboard .label_top_l:hover:after {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/assets/img/color/iconset.svg) no-repeat -40px -640px;
    margin: 1px 0 0 4px;
    top: 2px;
    right: 2px;
}
#project-dashboard .label_top_r:hover:before {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/assets/img/color/iconset.svg) no-repeat -40px -640px;
    left: 2px;
    top: 2px;
}
#project-dashboard .label_bottom_r:hover:before {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/assets/img/color/iconset.svg) no-repeat -40px -640px;
    margin-left: -24px
}
#project-dashboard .block50 .left {
    width: 45%;
    float: left
}
#project-dashboard .block50 .right {
    height: 180px;
    width: calc(50% - 20px);
    float: right;
    padding: 15px 10px 0;
    margin-top: 10px
}

#project-dashboard .block.block_alert {
    box-shadow: 0 0 0 2px var(--CHART_ALERT) inset
}
#project-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
}
#project-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)
}
#project-dashboard .demo_preview .pd_in {
    text-align: center;
    padding: var(--sp_fix_24) var(--sp_fix_16);
}
#project-dashboard .demo_preview .pd_in h4 {
    margin-right: 20px;
}
#project-dashboard .demo_preview .pd_in .ico_esc {
    margin: 6px 8px 6px -32px;
}
#project-dashboard .demo_preview .pd_in .button {
    margin-right: 4px;
}

#project-dashboard #dashboard-tasks-by-user .pd_in {
    height: 100%;
}
#project-dashboard #dashboard-tasks-by-user .av_sm {
    position: absolute;
    display: none;
    cursor: pointer
}
#project-dashboard #dashboard-tasks-by-user .demo .av_sm {
    cursor: default
}
#project-dashboard #dashboard-tasks-by-user .tooltip table {
    padding-bottom: 8px
}
#project-dashboard #dashboard-tasks-by-tag .pd_in {
    height: 100%;
}
#project-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;
}
#project-dashboard #dashboard-tasks-by-tag .demo .tags span {
    cursor: default;
    pointer-events: none
}
#project-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
}

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

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

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

#project-dashboard .project_timeline a.go .ico_l {
    display: none
}
#project-dashboard .project_timeline a.go:hover:after {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/assets/img/color/iconset.svg) no-repeat -40px -640px;
    margin: 1px 0 0 4px;
    top: -1px;
    right: 0;
}
#project-dashboard .project_timeline a.go:hover font {
    display: none
}
#project-dashboard .project_timeline .info .button_white {
    padding: 4px 6px;
    margin: 0 5px 0 0;
    font: 12px/20px var(--font-base);
    min-width: 35px;
}
#project-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 {
        #project-dashboard .block33, #project-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) {
    #project-dashboard .block.block_combine .right {
        padding: 5px 10px 0
    }

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

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

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

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

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

@media (max-width: 760px) {
    #project-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) {
    #project-dashboard .project_users .users .cnt_total {
        display:none
    }
    #project-dashboard .project_users .users {
        padding-left: 4px
    }
}

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

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

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

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

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

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