@import 'variables.scss';

.TaskHeader{
	grid-area: menuLeft;
	background-color:$grey1;
	color:$grey45;
	border:none;
	
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	height:auto;
	border-radius:0px;
	margin-bottom:0px;
	margin-left:$mainSpacing;
	border-left:$subsectionBorder;
	border-bottom:$subsectionBorder;
	border-right:$subsectionBorder;
	h4{
		font-size:$font6;
		color:inherit;
		align-self:center;
		padding-left:30px;
		margin-bottom:0px;
	}
	.TaskControls {
		margin-left:auto;
		display:flex;
		flex-direction:row;
		align-items:top;
		//background-color:$grey45;
		padding:0px;
		//border-top:1px solid $grey2;
		.SHeaderButton.TaskControlButton {
			margin-right:10px;
			padding:3px 10px;
			//border:1px solid $grey3;
			//background-color:$grey5;
			font-size:10px;
			//border-radius:2px;
		}
		.SHeaderButton.TaskControlButton:last-child {
			margin-right:10px;
		}
	}
	//border-left:$sectionBorder;
}

.MiddleButtonsContainer{
	display:flex;
	flex-direction:row;
	background-color:$grey1;
	align-items:center;
	border-bottom:$subsectionBorder;
	padding-right:10px;
}
.MiddleButtons{
	display:flex;
	background-color:inherit;
	grid-area:menuRight;
	align-items:center;
}
.TaskHeader{
}
