.rescoGridEditor{display:grid;box-sizing:border-box;position:relative;width:100%}.rescoGridEditor__item{cursor:pointer;display:flex}.rescoGridEditor__stackedCells{gap:5px;border-radius:4px;margin:8px 3px;padding:5px 4px;position:relative;align-items:center}.rescoGridEditor__stackedCells .icon-rescosdk_Expand{display:none}.rescoGridEditor__stackedCells__expanded{background:#ccc}.rescoGridEditor__stackedCells:hover{background:#fff}.rescoGridEditor__stackedCells:hover .icon-rescosdk_Expand{display:block}.rescoGridEditor__stackedCells:has(.rescoGridEditor__stackDropdown){z-index:100 !important}.rescoGridEditor .rescoGridEditor__stackDropdown{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:32px;left:0;background:#fff;border-radius:4px;box-shadow:0px 2px 4px rgba(0,0,0,.16);overflow:hidden;z-index:1000}.rescoGridEditor .rescoGridEditor__stackDropdown__item{padding:5px 12px}.rescoGridEditor .rescoGridEditor__stackDropdown__item:hover{background:#cadcff}.rescoGridEditor .rescoGridEditor__stackDropdown__item__selected{background:#2068ef;color:#fff}.rescoGridEditor__addRow{justify-content:center}.rescoGridEditor__addRow__button{margin-top:3px}.rescoGridEditor__addColumn{align-items:center}.rescoGridEditor__addColumn__button{margin-left:3px}.rescoGridEditor__addRow__button,.rescoGridEditor__addColumn__button{background:#06c;border-radius:6px;width:28px;height:28px;display:flex}.rescoGridEditor__addRow i,.rescoGridEditor__addColumn i{margin:auto}.rescoGridEditor__row,.rescoGridEditor__addRow{grid-column:1}.rescoGridEditor__column,.rescoGridEditor__addColumn{grid-row:1}.rescoGridEditor__column,.rescoGridEditor__row{border:solid 1px #bfbfbf;align-items:center;justify-content:center;background-color:#fff}.rescoGridEditor__row__selected,.rescoGridEditor__column__selected{background:#2068ef;border:#bfbfbf;color:#fff}.rescoGridEditor__cell{cursor:pointer;border:solid 0px #000;background-color:#fff;margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);min-width:0}.rescoGridEditor__cell .ui-resizable-handle{position:absolute}.rescoGridEditor__cell__selected{z-index:1000 !important}.rescoGridEditor__cell__readOnly{margin:0;width:100%;height:100%}.rescoGridEditor__cellPosition{box-sizing:border-box;border:solid 1px #dedede;height:100%;min-height:10px;width:100%;background-color:#fff}.rescoGridEditor__cellPosition__rowSelected{border-top:solid 2px #2068ef;border-bottom:solid 2px #2068ef}.rescoGridEditor__cellPosition__rowSelected.rescoGridEditor__cellPosition__lastRowCell{border-right:solid 2px #2068ef}.rescoGridEditor__cellPosition__columnSelected{border-left:solid 2px #2068ef;border-right:solid 2px #2068ef}.rescoGridEditor__cellPosition__columnSelected.rescoGridEditor__cellPosition__lastColumnCell{border-bottom:solid 2px #2068ef}.rescoGridEditor__cellPosition__rowSelected,.rescoGridEditor__cellPosition__columnSelected{background-color:#e6f4ff}.rescoGridEditor__actions__container{display:none;position:absolute;z-index:1;cursor:default}:hover>.rescoGridEditor__actions__container,.rescoGridEditor__actions__container:hover,.rescoGridEditor__row__selected .rescoGridEditor__actions__container,.rescoGridEditor__column__selected .rescoGridEditor__actions__container{display:flex}.rescoGridEditor__row .rescoGridEditor__actions__container{top:0;left:-31px;padding-right:5px}.rescoGridEditor__column .rescoGridEditor__actions__container{top:-100%;left:50%;transform:translate(-50%, 0);padding-bottom:5px}.rescoGridEditor__actions{display:flex;justify-content:center;align-items:center;background:#2068ef;border-radius:4px}.rescoGridEditor__row .rescoGridEditor__actions{flex-direction:column}.rescoGridEditor__action{display:flex;cursor:pointer}.rescoGridEditor__row .rescoGridEditor__action{padding:7px 4px}.rescoGridEditor__column .rescoGridEditor__action{padding:4px 7px}
.compactToolbar,.compactToolbar__moreMenu .compactToolbar__moreMenuContent{position:relative;display:flex;align-items:center;height:42px;padding-left:5px;padding-right:5px;background-color:#eee;overflow:hidden;cursor:default}.compactToolbar .compactToolbar__groupSeparatorLine,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__groupSeparatorLine{height:25px;border-left:1px solid #c8c8c8;margin-left:3px;margin-right:3px}.compactToolbar .compactToolbar__groupSpacer,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__groupSpacer{flex:1 1 auto;min-width:20px}.compactToolbar .compactToolbar__group,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__group{display:flex;align-items:center;justify-content:center}.compactToolbar .compactToolbar__groupLabel,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__groupLabel{display:flex;align-items:center;justify-content:center;padding-left:3px;padding-right:3px;margin-left:5px;white-space:nowrap}.compactToolbar .compactToolbar__buttonItem,.compactToolbar .compactToolbar__moreButton,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__buttonItem,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__moreButton{display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;height:30px;margin-left:4px;margin-right:4px;border-radius:5px;border:1px solid rgba(0,0,0,0);cursor:pointer}.compactToolbar .compactToolbar__buttonItem.compactToolbar__pushed,.compactToolbar .compactToolbar__moreButton.compactToolbar__pushed,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__buttonItem.compactToolbar__pushed,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__moreButton.compactToolbar__pushed{background-color:#ffd86c;border-color:#c2821b}.compactToolbar .compactToolbar__buttonItem.compactToolbar__pushed:not(.compactToolbar__disabled):hover,.compactToolbar .compactToolbar__moreButton.compactToolbar__pushed:not(.compactToolbar__disabled):hover,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__buttonItem.compactToolbar__pushed:not(.compactToolbar__disabled):hover,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__moreButton.compactToolbar__pushed:not(.compactToolbar__disabled):hover{border-color:#c2821b}.compactToolbar .compactToolbar__buttonItem.compactToolbar__disabled,.compactToolbar .compactToolbar__moreButton.compactToolbar__disabled,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__buttonItem.compactToolbar__disabled,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__moreButton.compactToolbar__disabled{opacity:.5;cursor:default}.compactToolbar .compactToolbar__buttonItem:not(.compactToolbar__disabled):hover,.compactToolbar .compactToolbar__moreButton:not(.compactToolbar__disabled):hover,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__buttonItem:not(.compactToolbar__disabled):hover,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__moreButton:not(.compactToolbar__disabled):hover{background-color:#ffe9a2;border-color:#ffc280}.compactToolbar .compactToolbar__buttonItem .compactToolbar__icon,.compactToolbar .compactToolbar__moreButton .compactToolbar__icon,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__buttonItem .compactToolbar__icon,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__moreButton .compactToolbar__icon{display:flex;align-items:center;justify-content:center;overflow:hidden;width:30px;height:30px;font-family:RescoMono;font-size:24px;user-select:none}.compactToolbar .compactToolbar__buttonItem .compactToolbar__label,.compactToolbar .compactToolbar__moreButton .compactToolbar__label,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__buttonItem .compactToolbar__label,.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__moreButton .compactToolbar__label{display:flex;align-items:center;justify-content:center;margin-left:5px;margin-right:5px;white-space:nowrap}.compactToolbar__moreMenu{position:absolute;left:0px;top:0px}.compactToolbar__moreMenu .compactToolbar__moreMenuContent{flex-wrap:wrap;height:unset;border-radius:5px;box-shadow:0px 2px 6px 2px rgba(60,60,60,.2)}.compactToolbar__moreMenu .compactToolbar__moreMenuContent .compactToolbar__groupSpacer{flex:0 0 auto;width:20px}
/* ToolBar */
div.toolbar {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	background-color: #eeeeee;
	position: relative;
	overflow: hidden;
}

.toolbarsprite {
	display: inline-block;
}

.toolbar > .panel {
	position: relative;
	float: left;
	height: 100%;
	width: 200px;
	border-right: solid 1px #d6d6d6;
	overflow: hidden;
	box-sizing: border-box;
	transition: left 0.2s ease;
}

.control_arrows {
	position: absolute;
	height: 100%;
	width: 100%;
	/*display:none;*/
}

.control_arrows > a > i {
	pointer-events: none;
}

.control_arrows > a {
	height: 100%;
	display: flex;
	align-items: center;
	/* width: auto; */
	position: absolute;
	background-color: #e6e6e6;
	opacity: 0.9;
	z-index: 1;
	padding: 0 0.5rem;
}
.control_arrows > .arrow_left {
	left: 0;
	border-right: 1px solid #a2a2a2;
	box-shadow: 3px 0px 6px 0 rgba(0, 0, 0, 0.1);
	/*display:none;*/
}
.control_arrows > .arrow_right {
	right: 0;
	border-left: 1px solid #a2a2a2;
	box-shadow: -3px 0px 6px 0 rgba(0, 0, 0, 0.1);
}
.toolbar > .panel > .button {
	position: absolute;
	margin-top: 4px;
	margin-left: 2px;
	margin-right: 2px;
	box-sizing: border-box;
	overflow: hidden;
}

.toolbar > .panel > .button > .buttonContent {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	box-sizing: border-box;
	border: solid 1px transparent;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.toolbar > .panel > .button > .buttonContent:hover {
	background-color: #ffe9a2;
	border: solid 1px #ffc280;
}

.toolbar > .panel > .button > .pushed {
	background-color: #ffd86c;
	border: solid 1px #c2821b !important;
}

.toolbar > .panel > .button > .buttonContent > .iconLarge {
	margin-left: 16px;
	margin-top: 5px;
}

.toolbar > .panel > .button > .buttonContent > .iconSmall {
	margin: 2px;
	position: absolute;
	left: 2px;
	top: 2px;
}

.toolbar > .panel > .button > .buttonContent > .label {
	position: absolute;
	height: 20px;
	font-size: 12px;
}

.toolbar > .panel > .button > .buttonContent > .labelLarge {
	width: 100%;
	display: flex;
	text-align: center;
	white-space: normal;
	line-height: 1;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.toolbar > .panel > .button > .buttonContent > .labelSmall {
	left: 28px;
	top: 4px;
	text-align: left;
}

.toolbar > .panel > .button > .buttonContent > .dropDownIndicator {
	position: absolute;
	right: 1px;
	bottom: 1px;
}

.toolbar > .panel > .button > div.disabled {
	color: silver;
}

.toolbar > .panel > .button > div.disabled > i {
	opacity: 0.4;
}

.toolbar > .panel > .button > div.disabled:hover {
	background-color: transparent;
	border: solid 1px transparent;
	cursor: default;
}

.toolbar > .panel > .button > .comboContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 5px 12px;
}

.toolbar > .panel > .button > .comboContent > .label {
	margin-top: 2px;
}

.toolbar > .panel > .button > .comboContent > .combo {
	margin-top: 5px;
	width: 105px;
}

.toolbar .panel > .label {
	position: absolute;
	bottom: 0px;
	width: 100%;
	color: #6a6a6a;
	text-align: center;
	font-size: 10px;
	background-color: #e6e6e6;
}

/* SPRITES */
.rescosdkcontrolssprite {
	display: inline-block;
}

/* TOOLTIPS */
div.tooltip {
	position: absolute;
	top: -1000px;
	left: -1000px;
	visibility: hidden;
	max-width: 200px;
	z-index: 9998;
	font-family: "Segoe UI", sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #3c3c3c;
	padding: 7px;
	padding-top: 5px;
	border-radius: 8px;
	word-wrap: break-word;
}

div.tooltip-editor {
	position: absolute;
	width: 300px;
	z-index: 9999;
	font-family: "Segoe UI", sans-serif;
	font-size: 11px;
	background-color: #4d4d4d;
	color: black;
	border-radius: 8px;
	word-wrap: break-word;
	border: 8px solid #4d4d4d;
}

div.tooltip-editor > .content,
div.tooltip-editor > .link {
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	min-height: 50px;
	border: 1px solid #4d4d4d;
	background-color: white;
	overflow: hidden;
}

div.tooltip-editor .content {
	margin-bottom: 7px;
}

.tooltip-arrow {
	visibility: hidden;
	margin-top: -8px;
	margin-left: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #3c3c3c transparent;
	position: absolute;
	left: -1000px;
	top: -1000px;
	z-index: 998;
	pointer-events: none;
}

.tooltip-edit {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.toolbar div.disabled i.tooltip-edit.commonuisprite {
	opacity: 1;
}

.tooltip-save {
	position: absolute;
	top: -16px;
	left: -16px;
	cursor: pointer;
}

.tooltip .title {
	font-weight: bold;
}

.tooltip .link-container {
	text-align: right;
}

.tooltip .link {
	color: #f6f1cc;
	font-family: "Segoe UI", sans-serif;
	text-decoration: underline;
	/*text-align: right;*/
}

.rescodropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
}

.rescodropdown:hover,
.rescodropdown:focus {
	color: blue;
	text-decoration: underline;
}

.rescodropdownlist {
	position: absolute;
	min-width: 150px;
	max-height: 600px;
	background: white;
	border: solid 1px silver;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1000000;
	overflow: auto;
	background-color: #ffffff;
	border-radius: 3px;
}

.rescodropdownlist .dropdownitem {
	color: black;
	padding: 6px 8px;
	text-decoration: none;
	display: block;
	cursor: pointer;
	width: 100%;
}

.rescodropdownlist .selected {
	background-color: #dae0eb;
}

.rescodropdownlist .dropdownitem:hover {
	background-color: #eaf0fb;
}

.rescodropdownlist .selected:hover {
	background-color: #cad0db;
}

.rescodropdownoverlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.0001;
	z-index: 1000000;
}

.slideAway {
	width: 0 !important;
}

.tabbedPanel {
	width: 100%;
	height: 100%;
	background: #eee;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;

	.tabs {
		flex: 0 0 40px;
		width: 100%;
		gap: 4px;
		background: #eeeeee;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		border-bottom: 1px solid #bdbdbd;
		padding-left: 5px;

		.tab {
			position: relative;
			display: flex;
			box-sizing: border-box;
			cursor: pointer;
			background: transparent;
			padding: 8px 4px 8px 4px;
			align-items: center;
			opacity: 0.65;
			gap: 4px;

			&:before {
				position: absolute;
				content: "";
				width: 100%;
				height: 2px;
				left: 0;
				bottom: 0;
				background-color: transparent;
			}

			&:hover {
				opacity: 1;
			}

			&.selected {
				font-weight: bold;
				opacity: 1;

				&:before {
					position: absolute;
					content: "";
					width: 100%;
					height: 2px;
					left: 50%;
					bottom: 0;
					background-color: #0066cc;
					transform: translateX(-50%) scaleX(0);
					transform-origin: center;
					animation: expand 0.25s forwards;
				}
			}
		}

		.closePanel {
			background-color: transparent;
			display: inline-block;
			height: 100;
			border: 0;
			outline: 0;
			margin-left: auto;
			cursor: pointer;
			opacity: 0.65;

			&:hover {
				opacity: 1;
			}
		}
	}

	.tabContent {
		flex: 1 1 100%;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
}

.hiddenPanelInvoker {
	width: 60px;
	z-index: 100;
	background-color: transparent;
	position: absolute;
	display: flex;
	justify-content: center;
	top: 0;

	&.isLeft {
		left: 0;

		> div {
			left: 50%;
			transform: translateX(-50%);
		}
	}

	&.isRight {
		right: 0;

		> div {
			right: 50%;
			transform: translateX(50%);
		}
	}

	> div {
		position: sticky;
		background-color: #eeeeee;
		margin-top: 16px;
		flex-direction: column;
		display: flex;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
		gap: 4px;
		border-radius: 4px;
		overflow: hidden;
		animation: fadeIn 0.4s ease-in 0.4s forwards;
		opacity: 0;
		padding: 2px;

		button {
			border: 0;
			background-color: transparent;
			padding: 4px;
			margin: 0;
			outline: 0;
			cursor: pointer;
			opacity: 0.65;
			&:hover {
				opacity: 1;
			}

			i {
				display: block;
			}
		}
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes expand {
	from {
		transform: translateX(-50%) scaleX(0);
	}
	to {
		transform: translateX(-50%) scaleX(1);
	}
}

@keyframes shrink {
	from {
		transform: translateX(-50%) scaleX(1);
	}
	to {
		transform: translateX(-50%) scaleX(0);
	}
}

.divRules {
	padding: 5px;
	background: white;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: auto;
	overflow-y: auto;
	flex: 1 0 auto;
	box-sizing: border-box;
	height: 100%;
}

.aspNetDisabled .divRules,
.aspNetDisabled .divRules li.step {
	background-color: #eee;
	cursor: default;
}

.divRules .stepellipsis {
	padding: 0px 10px;
}

.divRules .dd_box {
	display: inline-block;
	position: relative;
}

.divRules .dd_label {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.divRules .dd_content {
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 0px;
	background: white;
	display: none;
	position: relative;
	margin-top: -19px;
}

.divRules .dd_content ul {
	border: solid 1px black;
}

.divRules .dd_item {
	background: white;
	cursor: pointer;
	padding: 5px;
}

.divRules .dd_item:hover {
	background: blue;
	color: white;
}

.divRules .dd_content.active {
	height: auto;
	display: block;
	max-height: 400px;
}

.divRules span.actionlabel {
	text-decoration: underline;
	color: #0044cc;
	cursor: pointer;
}

.divRules span.errorlabel {
	font-style: italic;
}

.divRules .editorlabel {
	font-size: 9px;
	font-style: italic;
}

.divRules .nonEditorLabel {
	padding-top: 4px;
}

.divRules li.step .variable,
.operator,
.arguments {
	display: inline-block;
}

.divRules li.step .variable,
.operator {
	padding-right: 40px;
}

.divRules li.step .variable {
	min-width: 200px;
}
.divRules li.step .operator {
	min-width: 100px;
}

.divRules div.step,
.divRules li.step {
	padding-left: 2px;
	cursor: pointer;
	border-left: solid 2px #cccccc;
}

.divRules div.step.inlineEditor,
.divRules li.step.inlineEditor {
	cursor: default;
	border-left: solid 2px navy;
	background: #d8ecff;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.divRules div.step.inlineEditor.selected,
.divRules li.step.inlineEditor.selected {
	border-left: solid 2px navy;
	background: #d8ecff;
}

.divRules div.step.invalid,
.divRules li.step.invalid {
	border-left: solid 2px maroon;
	background: #ffbbbb;
}

.divRules .conditioninvalid {
	color: maroon;
	background: #ffbbbb;
}

/*.divRules div.step.inlineEditor:hover,
.divRules li.step.inlineEditor:hover {
	background: #EEEEEE;
}*/

.divRules div.step.selected,
.divRules li.step.selected {
	border-left: solid 2px navy;
	background: #d8ecff;
}

.divRules li.step.singlecondition {
	margin-left: 45px;
}

.divRules div.step.conditiongroup {
	border-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: auto;
	/*background: white;*/
}

.divRules li.virtual {
	border-bottom: none;
}

.divRules li.step:last-child {
	border-bottom: none;
}

.divRules ul {
	padding-left: 0px;
	padding-right: 0px;
}

.divRules td.conditionoperator {
	width: 38px;
	padding-right: 2px;
}

.divRules .padded-container {
	width: 80%;
	margin: 50px auto 0 auto;
}

.divRules select {
	padding: 3px;
	display: inline-block;
	border: solid 1px #777777;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: content-box;
}

.divRules input {
	border: solid 1px #777777;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: content-box;
	padding: 3px;
	min-width: 150px;
}

.divRules .node {
	margin-right: -15px;
	margin-left: -15px;
}

.divRules li.step {
	list-style: none;
	height: auto;
	min-height: 24px;
	vertical-align: middle;
	background: #f0f0f0;
}

.divRules li.collection {
	padding: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
	border-bottom: none;
	background: white;
}

.divRules li.collection ul {
	padding: 0px;
}

.divRules .notnode {
	padding-left: 15px;
}

.divRules li.step.if,
.divRules li.step.elseif,
.divRules li.step.end {
	padding-bottom: 0px;
}

.divRules li.step.elseif,
.divRules li.step.begin,
.divRules li.step.end {
	background: white;
}

.divRules li.step.elseif.inlineEditor,
.divRules li.step.begin.inlineEditor,
.divRules li.step.end.inlineEditor {
	background: #d8ecff;
}

.divRules span.block.begin {
	padding-bottom: 5px;
}

.divRules span.block.end {
	padding-top: 5px;
	margin-left: 20px;
}

.divRules div.stepLabel {
	font-weight: bold;
	width: 80px;
	display: inline-block;
}

.divRules .inlineEditor {
	box-sizing: border-box;
	height: 38px;
	white-space: nowrap;
	border: dashed 1px #777777;
	border-top-width: 0px;
	padding-top: 6px;
	padding-bottom: 2px;
}

.divRules .keyword {
	/*font-weight: bold;*/
	color: blue;
}

.divRules .constant {
	color: red;
}

.divRules .lookupPicker .constant {
	color: blue;
}

.divRules .type {
	color: maroon;
}

.divRules .step:after {
	clear: both;
}

.divRules .icon {
	display: inline-block;
	background-image: url(ruleeditorsprite.8f8d7ef3860bfae9.png);
	background-repeat: no-repeat;
}

.divRules .icon.right {
	float: right;
}

.divRules .icon.left {
	float: left;
}

.divRules .icon.command {
	cursor: pointer;
}

.divRules select {
	width: 180px;
}

/* icons */

.size15 {
	height: 15px;
	width: 15px;
}

.size16 {
	height: 18px;
	width: 22px;
}

.size16x16 {
	height: 18px;
	width: 16px;
}

.size32 {
	height: 32px;
	width: 32px;
}

.iconNext {
	background-position: -16px -112px;
}

.iconPrevious {
	background-position: -16px -144px;
}

.info {
	background-position: -112px -16px;
}

.warning {
	background-position: -112px -48px;
}

.error {
	background-position: -112px -80px;
}

.iconExpand {
	background-position: -112px -112px;
}

.iconCollapse {
	background-position: -112px -144px;
}

.iconInvalid {
	background-position: -112px -176px;
}
.iconAddIf {
	background-position: -208px -16px;
}

.iconAddStep {
	background-position: -208px -48px;
}

.iconAddElseIf {
	background-position: -208px -80px;
}

.iconGroupOr {
	background-position: -208px -208px;
}

.iconGroupAnd {
	background-position: -208px -176px;
}

.iconAddCondition {
	background-position: -208px -112px;
}

.iconAddCondGroup {
	background-position: -208px -144px;
}

.iconUngroup {
	background-position: -208px -240px;
}

.iconVariable {
	background-position: -208px -272px;
	margin-left: 5px;
}

.iconConstant {
	background-position: -208px -304px;
	margin-left: 5px;
}

.iconSelect {
	background-position: -208px -336px;
}

.iconDeselect {
	background-position: -208px -368px;
}

.iconMoveUp {
	background-position: -208px -400px;
}

.iconMoveDown {
	background-position: -208px -432px;
}

.iconCut {
	background-position: -208px -464px;
}

.iconCopy {
	background-position: -208px -496px;
}

.iconPaste {
	background-position: -208px -528px;
}

.iconDelete {
	background-position: -208px -560px;
}

.undo {
	background-position: -240px -16px;
}

.redo {
	background-position: -240px -48px;
}

/* DropDown Dialog */

/* Lookup Picker */

.lookupPickerContent {
	border: solid 1px black;
	width: 100%;
	height: 100%;
	background: white;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.lookupPickerHeader {
	display: flex;
	flex-direction: row;
	flex: 1 1 auto;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

.lookupPickerRecords {
	width: 100%;
	height: calc(100% - 45px);
	flex: 1 1 auto;
	overflow: auto;
}

.lookupPickerRecord {
	width: 100%;
	padding: 5px;
	border-bottom: solid 1px black;
	cursor: pointer;
	box-sizing: border-box;
}

.lookupPickerRecord:hover {
	background: silver;
}

/* Color Picker for color strings */

.color-container-ruleeditor {
	display: inline-block;
	border-radius: 50%;
	margin-right: 5%;
	border: solid 1px #777777;
	min-width: 15px;
	min-height: 15px;
	background-color: #ffffff;
}

