.workflowengine .operation {
	padding: 5px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: var(--color-border) 1px solid;
	border-left: rgba(0, 0, 0, 0) 2px solid;
}
.workflowengine .operation.modified {
	border-left: var(--color-warning) 2px solid;
}
.workflowengine .operation button {
	margin-bottom: 0;
}
.workflowengine .operation-name {
	width: 100%;
	max-width: 500px;
}
.workflowengine .operation span.info {
	padding: 7px;
	color: var(--color-border);
}
.workflowengine .rules .operation:nth-last-child(2) {
	margin-bottom: 5px;
}

.workflowengine .pull-right {
	float: right
}

.workflowengine .operation .msg {
	border-radius: 3px;
	margin: 3px 3px 3px 0;
	padding: 5px;
	transition: opacity .5s;
}

.workflowengine .operation .check:hover {
	background-color: var(--color-background-dark);
}

.workflowengine .operation-header .operation-name {
	align-self: flex-start;
	padding: 10px;
}
.workflowengine .operation-header {
	display: flex;
}
.workflowengine .operation-header .select2-container {
	align-self: flex-end;
}
.workflowengine .operation-header .icon-delete {
	margin-left: auto;
}
.workflowengine .operation .button-delete,
.workflowengine .operation .button-delete-check {
	opacity: 0.5;
	padding: 11px;
}
.workflowengine .operation .button-delete:hover,
.workflowengine .operation .button-delete:focus,
.workflowengine .operation .button-delete-check:hover,
.workflowengine .operation .button-delete-check:focus {
	opacity: 1;
	cursor: pointer;
}

.workflowengine .rules .icon-loading-small {
	display: inline-block;
	margin-right: 5px;
}

.workflowengine .invalid-input {
	border-color: var(--color-error);
}