frontend/config/config.component.css

.tab-add,
.tab-reload,
.tab-close {
    cursor: pointer;
    font-weight: bold;
    font-family: monospace;
    font-size: large;
}
.tab-action-first {
    padding-left: 0.3em;
}
.tab-action-last {
    padding-right: 0.5em;
}

.tab-icon {
    vertical-align: middle;
    height: 1em;
}

.tab-add {
    filter: invert(100%);
}

.tab-add:hover {
    color: green;
}
.tab-close:hover {
    color: red;
}
.tab-reload:hover {
    color: blue;
}

#confignav {
    position: fixed;
    width: 100%;
	background-color: #3B4257;
	padding-left: 1em;
}

#confignav a {
    cursor: pointer;
	text-decoration: none;
	display: inline-block;
	padding: 0.2em 0em 0.1em 1em;
	color: #FAFAFA;
}

#confignav a:visited,
#confignav a:link {
	color: inherited;
}

#confignav a:hover,
#confignav a.active {
	background-color: #FAFAFA;
	color: #000;
}

#confignav a.active:hover {
	cursor: default;	
}

#config-toc {
    position: fixed;
    width: 10em;
    border-right: 1px solid #313747;
}

.config-toc-item {
    cursor: pointer;
    padding: 0em 0em 0.2em 0.5em;
}
.config-toc-item:hover {
	background-color: #3B4257;
    color: #FFF;
}

#config-data {
    width: 100%;
}

.item_action_expand,
.item_action_collapse {
    height: 1em;
}

.item_action_collapse:hover {
    color:red;
}

.item_action_expand:hover {
    color:green;
}