.form_payrules {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.payrules {
	flex: 1;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin: 5px 0 0 0;
}

.payrules > section {
	flex: 1;
	display: flex;
	flex-flow: column;
	overflow: hidden;
	padding: 0;
}

.payrules .form_block {
	display: unset;
}

.query_line {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.query_meta {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.query_id {
	color: darkgoldenrod;
	margin-right: 2px;
}

.query_alias {
	color: darkgoldenrod;
	margin-right: 2px;
}

.query_format {
	color: slategray;
	margin-right: 2px;
}

.query_dates {
	color: slategray;
	margin-right: 2px;
}

.query_left_parens {
	color: slategray;
}

.query_right_parens {
	color: slategray;
	margin-right: 2px;
}

.query_text {
	color: slategray;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.query_units {
	max-width: 102px;
}

.query_profiles {
	max-width: 92px;
}

.query_disabled {
	color: red;
	margin-right: 2px;
	font-weight: 900;
}

.query_enabled {
	color: seagreen;
	margin-right: 2px;
}

.macro_disabled {
	color: red;
	margin: 6px 6px;
	font-weight: 900;
}

.macro_enabled {
	color: seagreen;
	margin: 6px 6px;
	font-weight: 900;
}

.query_context {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.query_infix {
	color: darkgoldenrod;
}

.query_ast {
	color: slategray;
}

.query_code {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.macro {
	margin: 0 0 10px 0;
}

.defined {
	color: green;
}

.undefined {
	color: red;
}

.globals {
	flex: 1;
}

.block {
	margin: 0;
}

.branch {
	/*border: 1px solid red;*/
}

.rule {
	display: flex;
	flex-direction: row;
	cursor: pointer;
	white-space: nowrap;
}

.rule:hover {
	color: white !important;
	background: silver !important;
}

.rule_core {
	display: flex;
}

.missing_rule {
	color: red;
	font-weight: bold;
}

.invalid_rule {
	color: red;
	text-decoration: line-through;
}

.focused {
	background: aliceblue !important;
}

.token {
	margin-right: 4px;
}

.logical {
	margin-left: 6px;
}

.keyword {
	margin-right: 4px;
}

.parameter {
	margin: 0 2px 0 2px;
	text-decoration: underline;
	cursor: pointer;
}

.parameter_type {
	color: green;
}

.parameter_value {
	color: green;
}

.parameter_range {
	color: green;
}

.parameter_motives {
	color: blue;
	white-space: normal;
}

.parameter_data{
	color: red;
}

.parameter_operator {
	color: darkgreen;
}

.fixed_text {
}

.debugger_line {
	flex: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.connector {
	text-decoration: underline;
	margin: 0 4px 0 0;
	color: #FF66A1;
	cursor: pointer;
}

.ide {
	flex: 1;
	display: flex;
	flex-direction: row;
	overflow: hidden;
}

.ide_core {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-right: 5px;
	overflow: auto;
}

.editor_commands {
	border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

.editor {
	cursor: default;
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	overflow: auto;
}

.metarules {
	display: flex;
	flex-direction: row;
	border-left: 1px solid rgba(34, 36, 38, 0.15);
	margin-bottom: 5px;
	padding: 0 5px;
}

.sidebar_button {
}

.sidebar_icon {
}

.sidebar_content {
}

.sidebar_body {
	height: 100%;
	overflow: auto;
}

.statement_block {
	display: grid;
	grid-template-columns: 20px 1fr;
}

.block_separator {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dashed silver;
}

.block_counter {
	text-align: end;
	margin-right: 5px;
}

.breakpoint_on {
	cursor: pointer;
	color: #a00000;
}

.breakpoint_off {
	cursor: pointer;
	color: black;
}

.statement {
}

@media screen {
	.root_tools {
	}

	.editor_tools {
		margin-left: auto;
		display: flex;
		flex-direction: row;
	}
}

@media print {
	.root_tools {
		display: none;
	}

	.editor_tools {
		display: none;
	}
}

.editor_arrows {
	margin: 0 4px 0 0;
	display: flex;
	flex-direction: row;
}

.editor_bar {
	display: flex;
	flex-direction: row;
}

.cmd_root {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.cmd_query {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.cmd_filter {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.cmd_subfilter {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.cmd_condition {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.cmd_subcondition {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.cmd_truthy {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.cmd_falsy {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.cmd_clipboard {
	border-left: 2px solid white;
	padding: 0 3px 0 3px;
	background-color: transparent;
}

.breakpoint_statement {
}

.executing {
	background-color: gold;
	margin: 5px 0 0 10px;
	padding: 2px;
}

.current_statement {
	background-color: gold;
}

.watch {
	flex: 0 0 450px;
	border-left: 1px solid rgba(34, 36, 38, 0.15);
	margin-bottom: 5px;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
}

.payrules .watch {
	flex: unset;
	overflow: hidden;
	margin: 0;
	min-width: 300px;
}

.watch_params {
	margin-bottom: 5px;
}

.watch_vars {
	margin-top: 5px;
	border-top: 1px solid rgba(34, 36, 38, 0.15);
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.watch_inspector {
	margin-top: 5px;
	overflow: auto;
}

.watch_entries {
	display: grid;
	grid-template-columns: min-content min-content auto;
}

.watch_arrow {
	cursor: pointer;
}

.watch_none {
	color: transparent;
}

.watch_node {
	padding: 0 0 0 5px;
	color: darkgreen;
}

.watch_key {
	padding: 0 0 0 5px;
}

.watch_value {
	padding: 0 0 0 5px;
	color: navy;
}