/* General */
.jsogantt {
	border: 1px solid rgb(var(--border-color));
}

.jsogantt svg {
	background-color:rgb(var(--background-color));
}

/* Splitter Bars */
.jsogantt .splitterV {
	width: 2px;
	border-left:0 /*2px solid #fff*/;
	background-color: rgb(var(--primary-color-light));
	filter: opacity(0.5);
	border-right:0 /*2px solid #777*/;
}
.jsogantt .splitterH {
	height: 2px;
	border-left:0 /*2px solid #fff*/;
	background-color: rgb(var(--primary-color-light));
	filter: opacity(0.5);
	border-right:0 /*2px solid #777*/;
}

/* Header Styles */
.jsogantt .headerBox {
	fill:rgb(var(--background-color));
}

/* Tree-List */
.jsogantt .treeListHeaderText {
	fill:rgb(var(--background-color-text));
	font-style: normal;
	font-weight: bold;
}

.jsogantt .treeListSelectedRow {
	fill:rgb(var(--primary-color));
}
.jsogantt .treeListDraggingRow {
	fill:rgb(var(--primary-color-light));
	stroke-width:2px;
	stroke:rgb(var(--primary-color-dark));
}
.jsogantt .treeListSelected .treeListBodyText {
	fill:rgb(var(--primary-color-text));
}

.jsogantt .treeListExpandCollapseCategory {
	fill: #FFF;
	stroke:#444;
	rx:5; /*svg corner-radius*/
}
.jsogantt .treeListExpandCollapsePlusMinus {
	fill:#444;
}



/* Gantt Chart */
.jsogantt .ganttNonWorkDay {
	fill:rgb(var(--disabled-color));
}
.jsogantt .ganttHeaderText {
	fill:rgb(var(--background-color-text));
}




/* Graph Area */
.jsogantt .graphArea {
	background-color:rgb(var(--background-color));
}

/* Totals Area */
.jsogantt .totalsArea {
	background-color:rgb(var(--background-color));
	font-family:Arial;
}