/** DND SPECIFIC **/
.panel {
	display: inline-block;
	margin-right: 10px;
	border-radius: 10px;
	padding: 10px;
	vertical-align: top;
	text-align: center;
	background-color: #cfbbd8;
}

.panel:last-child {
	margin-right: 0;
	background-color: #f8d9b7;
}

.targets .panel .target,
.targets .panel .target-enabled {
	margin-top: 5px;
	border: none;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .2);
}

.targets .panel .target-enabled:focus,
.targets .panel .target-enabled.target-highlight {
	background-color: rgba(255, 255, 255, .6);
}

.panel .target .choice {
	text-align: left;
	border-color: transparent;
	background-color: transparent;
}

.panels .choice {
	border-radius: 5px;
}

/** DND SPECIFIC **/
.flowchart .choice {
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	border-radius: 8px;
	background-color: transparent;
	line-height: 1.2;
}

.flowchart .choice-selected {
	background-color: #f1dbd5 !important;
}

.flowchart .target .choice {
	border-color: transparent;
}

.flowchart .targets .target,
.flowchart .targets .target-enabled {
	border-radius: 8px;
	background-color: #d5ebf1;
}

.flowchart .target:nth-child(9),
.flowchart .target-enabled:nth-child(9),
.flowchart .target:nth-child(10),
.flowchart .target-enabled:nth-child(10) {
	background-color: #c1bedb;
}

.flowchart .targets .target:focus,
.flowchart .targets .target-enabled.target-highlight {
	background-color: #f1dbd5;
}

/** DND SPECIFIC **/
.disconnections .target {
	margin-left: 10px;
}