body{
	margin:0;
	overflow-y:scroll;
	font-family:'Open Sans',Arial,sans-serif;
}
h3 {margin:0;padding:0.25em 0}
button {
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.flex {
	display:flex;
	flex-wrap:wrap;
}
.title {
	padding:0.8em;
	background:#bca;
	font-size:18px;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.subtitle{ color:#666; }

/*tables*/
	table{
		border-collapse:collapse;
	}

	th,td{
		border:1px solid #ccc;
		padding:0.3em;
	}

	th,.th{
		background:#abc;
		color:white;
		text-align:center;
	}

	td{
		text-align:left;
	}
/**/

/*cards*/
	.card {
		background:white;
		border-radius:0em;
		border:1px solid #ccc;
		opacity:0.98;
		overflow:auto;
		border:1px solid #ccc;
		box-shadow: 0 1px 2px rgba(0,0,0,.1);
	}
	.card.folded{
		max-height:3.0em;
		overflow:hidden;
		font-size:10px;
	}
	.card.folded > *:nth-child(n+2) {opacity:0;}
	.card .menu {
		text-align:left;
		opacity:1;
		background:#f6f6f6;
		cursor:pointer;
		font-size:12px;
	}
	.card.folded .menu{color:#777;}
	.card .menu button {
		padding:0.3em;
		height:2.3em;
		margin-left:-1px;
		margin-top:-1px;
		border-radius:0;
		width:20px;
		display:inline-block;
	}
	.card        .menu button:before {content:"-"}
	.card.folded .menu button:before {content:"+"}
/*end cards*/

th.nodeColor {
	background:#aec7e8;
}
th.tankColor {
	background:#1f77b4;
}
th.reuseColor { 
	background:#800080;
}