/* Styles for unlayouted content */
.#{$prefix}raw-record
	, .#{$prefix}raw-cons
	, .#{$prefix}raw-var-cons
	, .#{$prefix}raw-interact
	, .#{$prefix}raw-step
	, .#{$prefix}raw-parallel
	, .#{$prefix}raw-form
	, .#{$prefix}raw-form-item
{
		border: dashed 2px #ccc;
	> .#{$prefix}header {
		color: #fff;
		padding: 2px;
	}
}
.#{$prefix}raw-form {
	border: solid 2px #f33;
	background: #fee;
	> .#{$prefix}header {
		background: #f33;
	}
}
.#{$prefix}raw-form-item {
	border: dashed 2px #f33;
	border-radius: 5px;
	> .#{$prefix}header {
		background: #f33;
	}
}
.#{$prefix}raw-record {
	border: solid 2px #f33;
	background: #fee;
	> .#{$prefix}header {
		background: #f33;
	}
}
.#{$prefix}raw-cons {
	border: solid 2px #ff3;
	background: #ffe;
	> .#{$prefix}header {
		background: #ff3;
	}
}
.#{$prefix}raw-var-cons {
	border: solid 2px #ff3;
	background: #ffe;
	> .#{$prefix}header {
		background: #ff3;
	}
}
.#{$prefix}raw-interact {
	border: solid 2px #f3f;
	background: #fef;
	> .#{$prefix}header {
		background: #f3f;
	}
}
.#{$prefix}raw-step {
	border: solid 2px #33f;
	background: #eef;
	> .#{$prefix}header {
		background: #33f;
	}
}
.#{$prefix}raw-parallel {
	border: solid 2px #3f3;
	background: #efe;
	> .#{$prefix}header {
		background: #3f3;
	}
}
.#{$prefix}raw-empty {
	border: dashed 2px #eee;
	color: #ccc;
	font-style: italic;
}
.#{$prefix}raw-action {
	border: solid 2px #000;
	padding: 5px 20px;
	border-radius: 5px;	
	color: #fff;
	font-weight: bold;
}
.#{$prefix}raw-action-enabled {
	background-color: #0f0;
}
.#{$prefix}raw-action-disabled {
	background-color: #f00;
}

