﻿.view-dashboard .progress{
	
}
	.view-dashboard .workProgress .top,
	.view-dashboard .workProgress .bottom{
		display: flex;
		align-items: end;
		position: relative;
		height: 20px;
	}
		.view-dashboard .workProgress .top > *{
			position: absolute;
			display: flex;
			box-sizing: border-box;
			line-height: 14px;
			font-size: 0.9em;
		}
			.view-dashboard .workProgress .top .end{
				justify-content: end;
			}
	
	.view-dashboard .workProgress .bar{
		display: flex;
		align-items: center;
		position: relative;
		height: 14px;
		overflow: hidden;
	}
		.view-dashboard .workProgress .bar > *{
			position: absolute;
			border-radius: 6px;
		}
		.view-dashboard .workProgress .bar .session{
			height: 100%;
			background: var(--color-7);	
		}
		.view-dashboard .workProgress .bar .task{
			height: 8px;
			
		}
			.view-dashboard .workProgress .bar .task *{
				display: flex;
				height: 100%;
				border-radius: 4px;
			}
			.view-dashboard .workProgress .bar .task.in,
			.view-dashboard .workProgress .bar .task:not(.ev0000){
				background: #FFF;
			}
				.view-dashboard .workProgress .bar .task.in *{
					background: var(--color-5);
				}
				.view-dashboard .workProgress .bar .task:not(.ev0000) *{
					background: var(--color-8);
				}
			.view-dashboard .workProgress .bar .task.virtual{
				background: transparent;
			}
				.view-dashboard .workProgress .bar .task.virtual *{
					background: transparent;
				}
				.view-dashboard .workProgress .bar .task.virtual:before{
					position: absolute;
					right: -4.5px;
					bottom: -16px;
				}
	
	.view-dashboard .workProgress .bottom{
		justify-content: center;
		align-items: end;
	}
		.view-dashboard .workProgress .bottom > *{
			font-size: 0.9em;
		}