.lexicon-cnf-params-container {
	margin-top: 16px;
	margin-bottom: 16px;
}

.lexicon-cnf-params-container > label {
	display: inline-block;
	margin-right: 6px;
}

.lexicon-cnf-params-container > a.rondo {
	margin-left: 2px;
}

.op-config-stockout-container > label,
.op-config-conditions-container > label {
	margin-right: 20px;
	display: inline-block;
}

.lexicon-cnf-params-container a.add-sub-lexicon-cnf-param,
.lexicon-cnf-params-container > a.add-lexicon-cnf-param {
	background-color: rgb(2, 111, 64);
}

.lexicon-cnf-params-container a.add-sub-lexicon-cnf-param {
	margin-left: 6px;
	height: 21px;
	width: 21px;
	visibility: hidden;
}

.lexicon-cnf-params-container .lexicon-cnf-item[subgroup=""] a.add-sub-lexicon-cnf-param,
.lexicon-cnf-params-container .first-item-in-row a.add-sub-lexicon-cnf-param {
	visibility: visible;
}

.op-config-stockout-container .add-op-config-stockout,
.op-config-conditions-container a.add-op-config-condition {
	background-color: rgb(2, 111, 64);
}

.op-config-conditions-container a.sort-op-config-condition {
	background-color: rgb(97, 100, 2);
}

.op-config-conditions-container .del-all-op-config-condition {
	margin-left: 2px;
	margin-right: 20px;
	background-color: rgb(190, 38, 84);
}

.op-config-conditions-container .export-all-op-config-condition {
	margin-left: 2px;
	margin-right: 2px;
	background-color: rgb(128, 78, 163);
}

.lexicon-cnf-params-container a.delete-param,
.op-config-condition a.delete-condition
 {
	background-color: rgb(190, 38, 84);
	margin-left: 6px;
}

.lexicon-cnf-params-container .lexicon-cnf-params,
.op-config-conditions-container .op-config-conditions
{
	padding: 6px;
}

.lexicon-cnf-params-container .lexicon-cnf-params {
	border: 1px dashed rgb(45, 49, 113);
	margin-top: 4px;
}

.lexicon-cnf-params-container .lexicon-cnf-params > .ctrl {
	display:block;
	width: 100%;
    box-sizing: border-box;
	height: 26px;
	margin: 0;
	padding: 0;
	position: relative;
    top: -6px;
    background-color:rgb(30, 68, 115);
}

.lexicon-cnf-params-container .lexicon-cnf-params > .ctrl.collapsed {
	background-color:rgb(60, 68, 115);
}

.lexicon-cnf-params-container .lexicon-cnf-params > .ctrl > * {
	margin-left: 12px;
	line-height: 28px;
}

.lexicon-cnf-params-container .lexicon-cnf-params > .ctrl:before {content:"\2912";}

.lexicon-cnf-params-container .lexicon-cnf-params > .ctrl.collapsed:before {content:"\2195";}

.lexicon-cnf-params-container .lexicon-cnf-item {
	margin: 2px;
	display: flex;
	align-items: center;
}

.lexicon-cnf-params-container .lexicon-cnf-item.new {
	background-color: rgb(33, 110, 135);
}

.lexicon-cnf-params-container .lexicon-cnf-item.new:before {
	content: "★";
	color: rgb(5, 255, 228);
	position: absolute;
	left: 6px;
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup {
	display: inline-block;
}

.lexicon-cnf-params-container .lexicon-cnf-item .multiple:before,
.lexicon-cnf-params-container .subgroup-row-index {
	font-size: 14px;
	background-color: rgb(2, 116, 48);
	margin-right: 12px;
	color: #efefef;
	padding: 0px 2px 0px 3px;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.lexicon-cnf-params-container .lexicon-cnf-item.i-0 .multiple:before {content:"0";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-1 .multiple:before {content:"1";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-2 .multiple:before {content:"2";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-3 .multiple:before {content:"3";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-4 .multiple:before {content:"4";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-5 .multiple:before {content:"5";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-6 .multiple:before {content:"6";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-7 .multiple:before {content:"7";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-8 .multiple:before {content:"8";}
.lexicon-cnf-params-container .lexicon-cnf-item.i-9 .multiple:before {content:"9";}

.lexicon-cnf-params-container .lexicon-cnf-item.i-0.subgroup .multiple:before {
	content:"";
	padding:0;
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup .note,
.lexicon-cnf-params-container .lexicon-cnf-item.subgroup .delete-param {
	display: none;
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup.last-item-in-row .note,
.lexicon-cnf-params-container .lexicon-cnf-item.subgroup.last-item-in-row .delete-param {
	display: inline-block;
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup.last-item-in-row .note {
	width: 395px;
}

.lexicon-cnf-params-container .lexicon-cnf-item .schema-key {
	display: inline-block;
	min-width: 300px;
	max-width: 420px;
	text-overflow: ellipsis;
	margin-right: 12px;
	margin-left: 12px;
	font-size: 14px;
	background-color: rgb(62, 70, 113);
    padding: 4px;
    padding-left: 8px;
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup .schema-key {
	padding-left: 0;
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup.i-0.last-item-in-row .schema-key {
	max-width: 800px;
}

.lexicon-cnf-params-container .lexicon-cnf-item .schema-key.multiple {background-color: rgb(95, 62, 113);}

.lexicon-cnf-params-container .lexicon-cnf-item .schema-key.missing-schema {color: rgb(170, 164, 228);}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup input.json {
	width: 260px;
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup .schema-key {
	display: none;
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup.i-0 .schema-key {
	display: block;
	min-width: 80px;
	margin-right: 0;
    margin-left: 0;
    margin-bottom: 2px;
    /*padding-right: 16px;*/
}

.lexicon-cnf-params-container .lexicon-cnf-item.subgroup[schema-key="operation.partlength"] .json,
.lexicon-cnf-params-container .lexicon-cnf-item.subgroup[schema-key="operation.checksumtype"] .json,
.lexicon-cnf-params-container .lexicon-cnf-item.subgroup[schema-key="operation.partstart"] .json
{width:100px;}

.lexicon-cnf-params-container .lexicon-cnf-item input.json {
	width: calc(100% - 1000px);
	min-width: 40px;
	margin-right: 4px;
}

.lexicon-cnf-params-container .lexicon-cnf-item input.note {
	flex-grow: 1;
	margin-left: 12px;
	box-sizing: border-box;
}

.lexicon-cnf-params-container .lexicon-cnf-item .labeled-checkbox {
	margin-right: 6px;
}

.lexicon-cnf-params-container .lexicon-cnf-item .param-pic,
.lexicon-cnf-params-container .lexicon-cnf-item .dropzone {
	max-width: 256px;
	max-height: 128px;
	box-sizing: border-box;
	margin-right: 8px;
}

.lexicon-cnf-params-container .lexicon-cnf-item a {
	margin-right: 4px;
}

#lexicon-param-validator-dialog.custom-schema {
	background-color: rgba(140, 63, 106, 0.4);
}

#lexicon-param-validator-dialog a.set {
	display: inline-block;
	margin: 1px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: rgb(53, 63, 105);
	min-height: 12px;
	min-width: 12px;
}

#dialog-operation-config .regex-test,
#lexicon-param-validator-dialog .regex-test {
	margin-left: 24px;
}

#lexicon-param-validator-dialog .regex-test > input {
	width: 70%;
}

#dialog-operation-config .regex-test > input {
	width: 35%;
	margin-right: 4px;
}

#dialog-operation-config .regex-test .regex-index {
	background-color: rgb(2, 116, 48);
    margin: 1px;
    cursor: default;
}

#dialog-operation-config .barcode .item.matched {
	background-color: green;
}

#dialog-operation-config .regex-test .regex-grp {
	color: rgb(179, 165, 156);
}

#dialog-operation-config .regex-test .regex-grp:before {
	content: " (";
}

#dialog-operation-config .regex-test .regex-grp:after {
	content: ")";
}

.op-config-conditions-container label {
	display: inline-block;
}

.op-config-conditions > .op-config-condition {
	display: flex;
	align-items: center;
}

.op-config-condition {
	margin: 4px;
	/*background-color: rgb(74, 82, 121);*/
}

.op-config-condition.highlighted {
	background-color: rgb(87, 62, 147);
}

.op-config-condition td > input {
	width: 100%;
	min-width: 60px;
	box-sizing: border-box;
}

.op-config-condition input.note {
	flex-grow: 1;
	margin-left: 6px;
	max-width: 600px;
}

.quantity .op-config-condition input.o-condition {
	flex-grow: 1;
}

.op-config-condition .show-cond-mat {
	background-color: rgb(34, 69, 128);
}

.inspection .op-config-condition input.o-condition,
.quality .op-config-condition input.o-condition {
	width: calc(100% - 18px);
	min-width: 80px;
	box-sizing: border-box;
}

.inspection .op-config-condition input.displayed,
.quality .op-config-condition input.displayed {
	width: 100%;
	min-width: 80px;
	box-sizing: border-box;
}

.op-config-condition .chl-buttons > .item:hover,
.op-config-condition .opr-buttons > .item:hover,
.op-config-condition .inspections > .item:hover,
.op-config-condition .barcode > .item:hover,
.op-config-condition .rack-number > .item:hover {
	text-decoration: line-through;
	background-color: rgb(190, 38, 84);
}

.op-config-condition .ui-icon-grip-dotted-vertical {
	cursor: move;
}

.op-config-condition .chl-buttons > .item,
.op-config-condition .opr-buttons > .item,
.op-config-condition .inspections > .item,
.op-config-condition .barcode > .item,
.op-config-condition .rack-number > .item {
	margin: 1px;
	padding: 3px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: rgb(77, 54, 121);
	font-size: 15px;
}

.op-config-condition .switch-in,
.op-config-condition .chl-buttons > .rondo,
.op-config-condition .opr-buttons > .rondo,
.op-config-condition .inspections > .rondo,
.op-config-condition .barcode > .rondo,
.op-config-condition .rack-number > .rondo {
	background-color: rgb(2, 111, 64);
}

.op-config-conditions > table {
	width: 100%;
	min-width: 1240px;
}

.op-config-conditions-container table th {
	padding: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid rgb(23, 27, 35);
}

.op-config-conditions-container table th.sortable {
	cursor: default;
}

.op-config-condition .plan-count,
.op-config-condition .pcs,
.op-config-condition .sound {
	width: 55px;
}

.op-config-condition .plan-count {
	margin-left: 6px;
}

.op-config-condition > td {
	white-space: nowrap;
}

#dialog-lexicon {
    display: flex !important;
    flex-direction: column;
}

#dialog-lexicon .lexicon-index {
	height: 320px;
	overflow-x: hidden;
	overflow-y: scroll;
	flex-grow: 1;
}

#dialog-lexicon .lexicon-index .lx {
	display: block;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: rgb(65, 67, 116);
    margin: 1px;
}

#dialog-lexicon .lexicon-index .lx > .title {
	min-width: 320px;
    display: inline-block;
    margin-right: 8px;
}

#dialog-lexicon .lexicon-index .lx.subgroup {background-color: rgb(69, 65, 107);}

#dialog-lexicon .lexicon-index .lx > .extended:before {content: " ← ";}

#dialog-lexicon .lexicon-index .lx > .extended > .occur:after {content: ": ";}

#dialog-lexicon .lexicon-index .lx > .extended-line {background-color: darkblue;}

#dialog-lexicon .lexicon-index .lx > .extended-application {background-color: rgb(97, 42, 91);}

#dialog-lexicon .lexicon-index .lx > .extended-default {background-color: rgb(61, 62, 105);}

#dialog-lexicon .lexicon-index .lx > .extended > .occur {
	background-color: rgb(61, 65, 127);
	padding-left: 4px;
	padding-right: 4px;
}

#dialog-lexicon > .filter {
	margin-bottom: 12px;
}

#dialog-lexicon > .filter .labeled-checkbox > * {
	display: inline-block;
	margin-left: 12px;
}

#tab-id-lexicon-content .detail-body textarea {
	margin: 0px;
	margin-top: 22px;
	width: 265px;
	height: 300px;
	box-sizing: border-box;
	padding: 6px;

	border: 1px solid #dcd9de;
	background: #dcd9de url("images/ui-bg_highlight-soft_100_dcd9de_1x100.png") repeat-x;
	font-weight: bold;
	color: #605874;
	resize: none;

	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dialog-column-setup .context-regex {
	background-color: rgb(112, 98, 131);
    padding: 4px;
    padding-left: 12px;
    border-bottom: 1px solid transparent;
    display: block;
    margin-top: 2px;
    white-space: pre-wrap;
}

#dialog-column-setup input,
#dialog-column-setup .context-regex.operation-crk {
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	margin: 1px;
	margin-left: 0;
    margin-right: 0;
}

#dialog-column-setup .context-regex.selected {
	background-color: rgb(93, 131, 31);
}

#tab-id-lexicon-content .param-title {
	max-width: 512px;
	display: inline-block;
	white-space: normal;
}

#tab-id-lexicon-content .help {
	max-width: 512px;
	display: inline-block;
	white-space: normal;
}

#tab-id-lexicon-content .detail-container label {
	margin-bottom: 2px;
    margin-top: 12px;
    margin-right: 12px;
    font-size: 14px;
    display: block;
}

#tab-id-lexicon-content .detail-container .regex {
	color: rgb(182, 174, 198);
	margin-left: 16px;
}

#tab-id-lexicon-content .detail-container li.client,
#tab-id-lexicon-content .detail-container li.plan {
	color: rgb(170, 221, 184);
}

#tab-id-lexicon-content .key-fragment {
	white-space: pre;
	display: inline-block;
}

#tab-id-lexicon-content .cell .inherited {
	color: rgb(114, 112, 139);
}

#tab-id-lexicon-content .cell .inherited:before {content: "(";}
#tab-id-lexicon-content .cell .inherited:after {content: ")";}

#tab-id-lexicon-content .key-fragment .semicolon,
#tab-id-lexicon-content .key-fragment .par,
#tab-id-lexicon-content .key-fragment .at {
	color: rgb(223, 162, 255);
}