.ProjectTaskLayout{
	--StatusColor:	#000000;
}
.ProjectTaskLayout .status.Active				{	--StatusColor:	#00D000;	}
.ProjectTaskLayout .status.Claimed				{	--StatusColor:	#00D0D0;	}
.ProjectTaskLayout .status.Postponed			{	--StatusColor:	#8080D0;	}
.ProjectTaskLayout .status.Delayed				{	--StatusColor:	#D08080;	}
.ProjectTaskLayout .status.Sleep				{	--StatusColor:	#808080;	}
.ProjectTaskLayout .status.Completed			{	--StatusColor:	#000000;	}
.ProjectTaskLayout .status.Review				{	--StatusColor:	#303000;	}
.ProjectTaskLayout .status.Training				{	--StatusColor:	#D000D0;	}
.ProjectTaskLayout .status.Debug				{	--StatusColor:	#D08080;	}
.ProjectTaskLayout .status.Planning				{	--StatusColor:	#800080;	}
.ProjectTaskLayout .status.Corrections			{	--StatusColor:	#000000;	}
.ProjectTaskLayout .status.Staging				{	--StatusColor:	#3030FF;	}
.ProjectTaskLayout .status.Archived				{	--StatusColor:	#808080;	}
.ProjectTaskLayout .status.Shelved				{	--StatusColor:	#A0A080;	}
.ProjectTaskLayout .status.Dustbin				{	--StatusColor:	#303030;	}

.ProjectTaskLayout .status{
	color: var(--StatusColor);
}
.ProjectTaskLayout .status .indicator{
	background-color: var(--StatusColor);
}

.ComponentGroup.ProjectTaskContainer .ProjectTaskLayout.ComponentInstance{
	display: flex;
	min-width: 12vw;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}


.ProjectTaskLayout .task-card,
.ProjectTaskLayout .task-card > section {
	display: none;
}

.ProjectTaskContainer.ComponentGroup nav,
.ProjectTaskContainer.ComponentGroup section {
	margin: 0px;
	padding: 0.2em;

	text-align: center;
	width: 100%;

	border-left: 1px solid black;
	border-right: 1px solid black;
	padding-bottom: 1.5em;
	position: relative;
}

.ProjectTaskContainer.ComponentGroup section:before{
	content:'';
	background-color: white;
	opacity: 0.9;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	z-index: -1
}

.ProjectTaskContainer.ComponentGroup nav{
	height: 1em;
	border: 1px solid black;
	position: relative;
	border-bottom: 10px groove #3338;
	border-bottom-style: groove;
	cursor: pointer;
	box-shadow: 0px 18px 10px 3px #0005 inset;
}

.ProjectTaskContainer.ComponentGroup nav:before{
	content:'';
	background-image: url('https://static.suiteux.com/img/adjusted_circle_texture.png');
	background-size: 320px;
	background-position: center;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.5;
	margin: 0px;
	padding: 0px;
	z-index: -1
}

.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance nav span{
	color: white;
	position: relative;
	text-shadow: 2px 2px 8px black;
	z-index: 10;
	font-weight: 500;
	letter-spacing: 0.08em;
	font-size: 15px;
}

.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance{
	color: #333;
	margin: 0em 0.25em;
	padding: 1em 0em;
	position: relative;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 0.5em;
}
.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance h4{
	color: white;
	text-align: center;
	border: 1px solid black;
	width: 100%;
	margin: 0px;
	position: relative;
	top: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Garamond;
	font-size: 18px;
	margin-top: -16px;
	border-radius: 4px;
	background-color: #303030A0;
}

.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance .WorkgroupContainer{
	margin-top: 1em;
}
.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance .WorkgroupContainer .WorkgroupLayout{
	display: flex;
	padding: 1em;
}
.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance .WorkgroupContainer .team-name {
	writing-mode: vertical-rl;
	padding: 0.5em;
	padding-top: 1.5em;
	vertical-align: middle;
	text-align: center;
	font-family: 'Roboto';
	font-size: 16px;
	font-weight: 999;
	color: white;
	background-color: #347;
	display: inline-block;
}
.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance .WorkgroupContainer .personnel{
	display: inline-block;
	background-color: black;
	color: white;
	padding: 2em;
}
.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance .WorkgroupContainer .personnel img{
	height: 96px;
	width: 96px;
	margin-right: 2em;
}
.ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance .WorkgroupContainer .personnel a{
	display: inline-block;
}



.layoutColumn:nth-child(1) .ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance{
	background-color: #94809E;
	/* violet */
}
.layoutColumn:nth-child(2) .ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance{
	background-color: #1279c8;
	/* blue */
}
.layoutColumn:nth-child(3) .ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance{
	background-color: #447a70;
	/* green */
}
.layoutColumn:nth-child(4) .ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance{
	background-color: #e0e0bb;
	/* yellow */
}
.layoutColumn:nth-child(5) .ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance{
	background-color: #dcad82;
	/* orange */
}
.layoutColumn:nth-child(6) .ProjectTaskContainer.ComponentGroup .ProjectTaskLayout.ComponentInstance{
	background-color: #ea8080;
	/* red */
}