.bottery {
	flex: 1;
}

.bottery-main {
	flex-direction: row;
	display: flex;

}
.botteryview-row {
	flex: 1;
	flex-direction: row;
	margin: 1px;
	border-radius: 10px;

	background-color:  hsla(320, 0%, 40%, .1);
	border: solid 1px  hsla(320, 0%, 40%, .1);
}


.botteryview-rowlabel {
	padding: 2px 4px;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
}


.botteryview-rowvalue {
	padding: 4px;
	background-color: hsla(220, 0%, 90%, .1);
	 transition: background-color .2s;
	
}

.botteryview-row.open {

	background-color: hsla(220, 100%, 70%, 1);
	 transition: background-color .5s;
}


.botteryview-row.activated {
	padding: 4px;
	background-color: hsla(340, 100%, 70%, 1)
	
}

.exit-status {
	text-align: center;
	border-radius: 10px;

	background-color:  hsla(320, 0%, 0%, .1);
	border: solid 1px  hsla(320, 0%, 0%, .1);
	min-height: 10px;
	width: 100%;
	display: flex;
	padding: 1px;
}
.exit-statuscondition {
	display: inline-block;
	text-align: center;
	flex: 1;
	max-width: 50%;
	margin: 1px;
	border-radius: 10px;
	color: white;
	box-shadow: inset 0px 0px 2px rgba(0, 0, 0, .8);
	background-color:  hsla(320, 0%, 30%, 1);
	border: solid 1px  hsla(320, 0%, 0%, .1);
}

.open .exit-status {
	box-shadow: inset 0px 0px 2px rgba(0, 0, 0, .8);
	background-color:  hsla(220, 80%, 90%, .3);
}

.exit-statuscondition.true {
	box-shadow: inset 0px 2px 9px 2px rgba(0, 0, 90, .8);
	background-color:  hsla(190, 80%, 70%, .4);
}
.blackboard-data {
	display: flex;
	flex-direction: row;
}


.blackboard-node {
	display: flex;
	flex-direction: row;
}

.blackboard-node.blackboard-object {

	flex-direction: column;
}


.blackboard-label {
	min-width: 90px;
	font-weight: bold;
}


.blackboard-object>.blackboard-content  {
	border-radius: 10px;
	padding: 2px 4px;

	background-color:  hsla(320, 0%, 0%, .1);
	border: solid 1px  hsla(320, 0%, 0%, .1);
;
}