._jsPlumb_drag_select *, .plumb-container * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Toto přesuň do komponenty tabulky! */
.table-container .nested-table td {
	-webkit-touch-callout: auto;
	-webkit-user-select: auto;
	-khtml-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.wm-tra-layout .plum,
.machine-doc-layout .plum,
.op-wp-layout .plum {
	display: block;
	width: 330px;
	height: 100px;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #f8f3f0;
	margin: 4px;
	text-align: left;
	color: black;
	padding: 8px;
	padding-left: 80px;
	cursor: move;
	position: relative;
}

.wm-tra-layout .plum {
	width: 512px;
	cursor: default;
}

#terminal-index .backup,
.op-wp-layout .terminal-panel.backup {
	background-color: orange;
}

#terminal-index .rework,
.op-wp-layout .terminal-panel.rework {
	background-color: skyblue;
}

#terminal-index .off,
.op-wp-layout .terminal-panel.off {
	background-color: rgb(128, 132, 140);
}

#terminal-index .canceled,
.op-wp-layout .terminal-panel.canceled {
	background-color: rgb(255, 107, 178);
}

#terminal-index .backup.off,
.op-wp-layout .terminal-panel.backup.off {
	background-color: rgb(192, 124, 0);
}

#terminal-index .rework.off,
.op-wp-layout .terminal-panel.rework.off {
	background-color: rgb(110, 168, 192);
}

.app-type-clea .delete,
.plum.terminal-panel.localhost .o-trash {
	display: none !important;
}

.plum.terminal-panel {
	width: 322px;
	height: auto;
	padding-left: 8px;
}

.plum.terminal-panel .terminal-application {
	background-color: transparent;
	overflow: hidden;
}

.plum.terminal-panel .terminal-name {
	margin-left: 8px;
}

.plum .uid {
	margin-left: 8px;
    color: rgb(112, 89, 79);
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;

    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

.terminal-application-index .app-type {
	margin-left: 60px;
	max-width: calc(100% - 150px);
    display: inline-block;
    overflow: hidden;
    float: left;
}

.terminal-application-index .app-type > .app-type-val {
	width: initial;
}

.dialog-process-revision .app-type > .app-name,
.terminal-application-index .app-type > .app-name {
	width: initial;
	margin-left: 4px;
}

.wm-tra-layout .terminal-application-index,
.op-wp-layout .terminal-application-index {
	margin-top: 12px;
}

.plum .select-ctrl .rondo-checkbox {
	background-color: rgb(45, 43, 92);
	position: absolute;
    left: 8px;
}

.plum-ctrl-group {
	float: right;
}

.terminal-panel .plum-ctrl-group {
	margin-right: 7px;
}

.read-only .o-trash,
.read-only .o-link {
	display:none;
}

.read-only a.modification-tag {
	background-color: rgb(4, 124, 221) !important;
}

.transporter-list .plum-ctrl-group,
.workplace-mat-list .plum-ctrl-group,
.operation-list .plum-ctrl-group {
	margin-right: 26px;
}

.empty-plum {
	background-color: transparent !important;
	border-top: 3px dashed #3a754a;
}

.transporter-list .plum,
.workplace-mat-list .plum,
.machine-doc-list .plum,
.operation-list .plum {
	height: 22px;
	padding-left: 0px;
}

.machine-doc-list .plum.empty,
.operation-list .plum.empty {
	border-left-width: 16px;
    border-left-style: solid;
    border-left-color: transparent;

    background-image: linear-gradient(45deg, #000000 25%, #f5d20e 25%, #f5d20e 50%, #000000 50%, #000000 75%, #f5d20e 75%, #f5d20e 100%);
    background-size: 28.28px 28.28px;
    background-repeat: repeat;
    color: red;
}

.machine-doc-list .plum.multi,
.operation-list .plum.multi {
	font-style: italic;
}

.plum.moved * {
	visibility: hidden;
	opacity: 0.5;
}

.wp-desc {
	margin-top: 12px;
    font-size: 14px;
    white-space: normal;
    color: rgb(42, 49, 74);
    margin-right: 22px;

    height: calc(100% - 60px);
    overflow: hidden;
}

.workplace-list .plum {
	width: 250px;
	white-space: normal;
}

.workplace-list .plum.without-kernel {
	/*opacity: 0.75;*/
	background-color: rgba(249, 244, 241, 0.64);

	-webkit-box-shadow: inset 0 0 0 2px turquoise;
	-moz-box-shadow: inset 0 0 0 2px turquoise;
	box-shadow: inset 0 0 0 2px turquoise;
}

.nt-cell.without-kernel,
.nt-cell .without-kernel,
.cell.without-kernel,
.workplace-list .plum.without-kernel .wpid-plc {
	color: turquoise;
}

.plum a:link,
.plum a:visited,
.plum a:active,
a {
	text-decoration: none;
	color: rgb(64, 64, 94);
}

.plum a:hover {
	text-decoration: none;
	color: black;
	border-bottom: 1px dashed black;
}

.fx {
	background-image:  url("../images/stin.png");
	background-size:   cover;
	background-repeat: no-repeat;
	background-position: center center;

	box-shadow:         rgba(29, 32, 36, 0.9) 1px 8px 8px;
	-webkit-box-shadow: rgba(29, 32, 36, 0.9) 1px 8px 8px;
	-moz-box-shadow:    rgba(29, 32, 36, 0.9) 1px 8px 8px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #000000;
}

.line,
.prod,
/* .terminal-name-item, 
.workplace-name-item, */
.tab-name-item {
	background-color: rgb(112, 98, 131);
	margin-bottom: 1px;
	margin-top: 1px;
	margin-right: 4px;
	margin-left: 8px;
	padding: 4px;
	padding-left: 12px;
	border-bottom: 1px solid transparent;
	display: inline-block;
	width: calc(100% - 44px);
    box-sizing: border-box;
    overflow-x: hidden;
    text-overflow: ellipsis;
	border-radius: 3px;
}

#dialog-terminal-names .terminal-name-item,
#dialog-workplace-names .workplace-name-item,
#dialog-inspection-names .inspection-name-item,
#dialog-doc-filter-by-name .item,
#dialog-doc-filter-by-model .item,
#dialog-doc-filter-by-product .item,
#dialog-doc-filter-by-type .item{
	background-color: rgb(112, 98, 131);
	margin: 1px 0;
	padding: 4px;
	padding-left: 12px;
	border-bottom: 1px solid transparent;
	display: inline-block;
	width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    text-overflow: ellipsis;
	border-radius: 3px;
}


#dialog-doc-filter-by-name .item.selected-item ,
#dialog-doc-filter-by-model .item.selected-item ,
#dialog-doc-filter-by-product .item.selected-item ,
#dialog-doc-filter-by-type .item.selected-item {
	background-color: rgb(3, 143, 76);
}

#dialog-terminal-names .search-t,
#dialog-workplace-names .search-wp,
#dialog-inspection-names .search-isp,
#dialog-doc-filter-by-name input.search,
#dialog-doc-filter-by-model input.search,
#dialog-doc-filter-by-product input.search,
#dialog-doc-filter-by-type input.search{
    margin-bottom: 12px;
    width: 100%;
    box-sizing: border-box;
}

.inspection-name-item .iid,
#dialog-workplace-names .wpid,
.select-wp-slot-block .wpid {
	margin-right: 8px;
	color: rgb(255, 217, 251);
	min-width: 26px;
    display: inline-block;
}

#dialog-terminal-names .terminal-name-item.selected-item ,
#dialog-inspection-names .inspection-name-item.selected-item ,
#dialog-workplace-names .workplace-name-item.selected-item{
	background-color: rgb(3, 143, 76);
}

.line-ctrl {background-color: rgb(26, 111, 148);}
.line-name, .line-pass {width: 90%;}
.delete-line-block {margin-bottom: 20px;}

#dialog-doc-filter-by-name .oms {
	border-width: 0;
	border-left-width: 6px;
	border-style: solid;
    border-radius: 3px;
    margin: 0 0 5px 0;
	height: 30px;
	overflow: hidden;
}

#dialog-doc-filter-by-name .oms a.item{
	margin: 0;
    padding: 4px 6px;
	width: calc(100% - 12px);
    box-sizing: content-box;
	border-radius: 0;
}

#dialog-product-line .search-ctrl {
	padding: 8px;
    padding-left: 6px;
    padding-right: 30px;
}

#dialog-product-line input.search-product-line {
	width: calc(100% - 28px);
	margin-top: 12px;
}

#dialog-chl select,
#dialog-product-line .search-ctrl select {
	width: 100%;
	display: inline-block;
	margin-bottom: 6px;
}

#dialog-product-line .ui-icon-arrowthick-1-w{
	top: -12px;
}

#dialog-product-line .line-ctrl{
	vertical-align: bottom;
    bottom: 6px;
}

#dialog-create-line .name {
	width: 100%;
	box-sizing: border-box;
}

#dialog-create-line .hruid-input-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#dialog-create-line .hruid-input-container input{
	width: 80%;
	flex: 1 1 auto;
}

#dialog-create-line .hruid-input-container .generate-hruid {
	background-color: rgb(3, 144, 148);
	flex: 0 0 auto;
	margin-left: 6px;
}

#dialog-create-line .invalid-name {
	border: 1px solid red !important;
	color: rgb(255, 149, 5) !important; /*oranžová*/
	background: rgb(200, 4, 42) !important; /*červená*/
}

#dialog-wt-link .term.even {
	background-color: rgba(126, 149, 162, 0.2);
	padding: 4px;
	margin-bottom: 1px;
}

#dialog-wt-link .term.odd {
	background-color: rgba(26, 149, 162, 0.2);
	padding: 4px;
	margin-bottom: 1px;
}

#dialog-wt-link .ta .app-name {
	margin-left: 8px;
	margin-right: 8px;
	color: rgb(224, 204, 255);
}

#dialog-wt-link .select-wt {
	color: rgb(248, 255, 206);
    font-style: italic;
    text-align: center;
}

.detail-container button.ow {
	width: 100%;
	margin-top: 22px;
	margin-bottom: 22px;
}

.detail-container .tai {
	padding: 12px;
}

.detail-container .tai > a {
	display: block;
	margin: 2px;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 120px;
	min-height: 26px;
	box-sizing: border-box;
	background-color: rgb(49, 77, 111);
}

.color-filter {
	max-height: 200px;
	overflow-y: auto;
}

.color-filter > div,
#dialog-operation-color > div {
	white-space: nowrap;
}

#dialog-operation-color.hide-labels > div {
	display: inline;
}

#dialog-operation-color.hide-labels > div label {
	display: none;
}

.color-filter label,
#dialog-operation-color label {
	display: inline-block;
}

.color-filter .operation-color,
#dialog-operation-color .operation-color {
	margin: 6px;
	width: 24px;
	height: 24px;
	border: 1px solid #d4f344;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.color-filter .operation-color.selected,
.doc-tag-filter .operation-color.selected,
#dialog-operation-color .operation-color.selected {
	border: 2px solid lime;
}

.wm-tra-layout,
.machine-doc-layout,
.op-wp-layout {
	width: 98%;
	position: relative;
	display: inline-table;
	border-collapse: collapse;
	border: 0px solid black;
}

.wm-tra-layout td,
.machine-doc-layout td,
.op-wp-layout td {
	vertical-align: top;
	border: 0px solid black;
}

.wm-tra-layout th,
.machine-doc-layout th,
.op-wp-layout th {
	font-size: 15px;
	font-weight: normal;
	vertical-align: bottom;
}

.plumb-container {
	/*width: intrinsic;*/
	position: relative;
	margin-top: 18px;
}

.workplace-mat-list {
	display: flex;
    flex-direction: column;
}

.inspection-container .defect-list,děl
#senplumb-container .workplace-list,
.machine-doc-list,
.operation-list {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.inspection-container .inspection-list,
#senplumb-container .sensor-list,
.workplace-list {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.inspection-container .workplace-list,
.terminal-list {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.endpointTargetLabel {
	font-size: 10px;
	font-style: italic;
	color: rgb(84, 49, 121);
	cursor: default;
}

.endpointTargetLabel .mta {
	padding-right: 8px;
	font-style: normal;
}

.rondo,
.table-editor-container .cell .modification-tag.rondo {
	display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    /*background-color: #415168;*/
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: 0px solid #000000;
    position: relative;
    margin-right: 2px;
    padding: 0px;
	text-align: center;
	vertical-align: middle;

	-webkit-box-shadow: inset 17px 17px 7px -15px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 17px 17px 7px -15px rgba(255,255,255,0.2);
    box-shadow: inset 17px 17px 7px -15px rgba(255,255,255,0.2);
}

a.rondo:hover {
	text-decoration: none;
	border-bottom: 1px solid transparent;

	-webkit-box-shadow: inset 17px 17px 7px -15px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 17px 17px 7px -15px rgba(0,0,0,0.1);
	box-shadow: inset 17px 17px 7px -15px rgba(0,0,0,0.1);
}

.rondo.delim {
	width: 4px;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0);
	box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0);
}

a.rondo-checkbox {
	border-collapse: collapse;
	border: 1px solid #d4f344;
	width: 22px;
    height: 22px;
}

a.rondo-checkbox:hover {
	border: 1px solid #d4f344;
}

.header-box a.sort-t,
.header-box a.sort-os {
	background-color: rgb(101, 82, 161);
    margin-left: 2px;
}

a.o-plus {background-color: rgb(2, 111, 64);}

a.o-play {background-color: rgb(51, 119, 31);}
a.o-play.preview {background-color: rgb(203, 126, 0);}

a.o-trash {background-color: rgb(190, 38, 84);}

.wp-tag {
	position: absolute;
	bottom: 10px;
}

.wp-tag .add-tag {
	background-color: green;
}

#dialog-tag-filter .tag-item.selected {
	border: 1px solid rgb(62, 254, 62);
}

#dialog-tag-filter .tag-item,
#dialog-add-tag .tag-item,
.wp-tag .tag-item {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #8375af;
    padding: 2px;
    margin-right: 4px;
    font-size: 14px;
    min-width: 30px;
    min-height: 10px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    color: black;
}

#dialog-add-tag > div,
#dialog-add-tag label {
	display: inline-block;
	margin-right: 6px;
	margin-left: 12px;
	max-width: 300px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#dialog-add-tag .add {
	background-color: rgb(2, 111, 64);
	margin-right: 22px;
	margin-bottom: 4px;
}

#dialog-add-tag .ctrl {
	text-align: right;
}

#dialog-add-tag .ctrl .edit {
	background-color: rgb(23, 81, 101);
}

#dialog-add-tag .ctrl .rem {
	background-color: rgb(190, 38, 84);
}

#dialog-add-tag .name,
#dialog-add-tag .note,
#dialog-add-tag .t {
	white-space: nowrap;
	max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dialog-add-tag .t:before {
	content:"☐";
    font-size: 22px;
    margin-right: 6px;
    color: rgb(26, 22, 74);
}

#dialog-add-tag tr.selected .t:before {
	content:"☑";
    font-size: 22px;
    margin-right: 6px;
    color: yellow;
}

#dialog-add-tag .ctrl {
	white-space: nowrap;
}

#dialog-add-tag .all-tags tr td {
	padding: 6px;
}

#dialog-add-tag .all-tags {
	width: 100%;
}

#dialog-add-tag .all-tags tr:nth-child(odd) {
	background-color: rgb(66, 68, 113);
}

#dialog-tag .order,
#dialog-tag .lin {
	display: inline-block;
	margin-right: 12px;
}

#dialog-new-tag .colors .rondo,
#dialog-tag .colors .rondo {
	border: 1px solid #d4f344;
	vertical-align: top;
	text-align: center;
	margin-bottom: 3px;
}

#dialog-new-tag .colors.loading .rondo,
#dialog-tag .colors.loading .rondo {
	cursor: wait;
	opacity: 0.4;
}

#dialog-new-tag .colors .rondo.selected:after,
#dialog-tag .colors .rondo.selected:after {
	content: "✓";
	font-size: 12px;
	font-weight: bold;
	color: black;
}

a.instant-filter {
	background-color: rgba(96, 60, 123, 0.6);
	position: absolute;
	bottom: 6px;
    right: 8px;
}

a.instant-filter.instant-filter-prev {
	right: 34px;
}

.os-revision-index a.o-checkout {background-color: rgb(120, 51, 112);}

.o-link {background-color: #7067a1;}

.wks-link {background-color: #3c6d86;}

.o-link-index {background-color: #763b86;}

.qr-link {background-color: #5a48bc;}

.cui-play, .oms-play {background-color: #a27f4f;}

.workplace-name, .terminal-name {
	margin-left: 0px;
	margin-right: 0px;
	min-width: 15%;
	max-width: 64%;
    overflow: hidden;
    /*display: inline-block;*/
}

.workplace-mat-list .wpid-plc {
	margin-left: 16px;
}

.workplace-mat-list .incompatible-material .workplace-mat-name:before {
	content: "⚠ ";
	color: rgb(190, 38, 84);
}

.workplace-mat-list .plum:not(.incompatible-material) a.o-trash {
	display: none;
}

.transporter-name,
.workplace-mat-name,
.o-name,
#machine-doc-layout .type-name {
	margin-left: 16px;
	cursor: pointer;
	max-width: 65%;
	min-width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.o-num:not(:empty) {
	color: gray;
	margin-left: 16px;
	cursor: pointer;
	max-width: 65%;
	overflow: hidden;
    text-overflow: ellipsis;
}

.workplace-mat-name .pp {
	color: rgb(139, 61, 135);
    margin-right: 12px;
}

.transporter-name {
	margin-left: 46px;
}

.terminal-index-link, .workplace-index-link, .op-index-link {
	background-color: rgb(26, 111, 148);
	margin-left: 2px;
}

.wp-header .wps-order-changed {
	margin-left: 2px;
}

.header-name {
	margin-left: 4px;
}

.header-box {
	background-color: rgb(68, 64, 104);

    -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	border: 0px solid #000000;

	padding: 1px;
	padding-right: 8px;
	margin-left: 4px;
	margin-bottom: 1px;

	box-shadow:         rgba(29, 32, 36, 0.9) 1px 8px 8px;
	-webkit-box-shadow: rgba(29, 32, 36, 0.9) 1px 8px 8px;
	-moz-box-shadow:    rgba(29, 32, 36, 0.9) 1px 8px 8px;

	white-space: nowrap;
}

.header-box-filter {
	background-color: rgb(65, 74, 104);
    display: inline-block;

    -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	border: 0px solid #000000;

	padding: 1px;
	padding-left: 8px;
	padding-right: 1px;
	margin-left: 4px;
	margin-bottom: 1px;

	box-shadow:         rgba(29, 32, 36, 0.9) 1px 8px 8px;
	-webkit-box-shadow: rgba(29, 32, 36, 0.9) 1px 8px 8px;
	-moz-box-shadow:    rgba(29, 32, 36, 0.9) 1px 8px 8px;

	white-space: nowrap;

	max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.plum-order {
	color: transparent;
    font-size: 10px;
    vertical-align: middle;
	text-align: center;
	margin-right: 8px;
	line-height: 22px;

	/*display: inline-block;*/
	display: none;

	width: 24px;
	height: 24px;
	background-color: #415168;
	position: relative;
	padding: 0px;
}

.select-o {
	background-color: rgb(55, 147, 118);
    padding-left: 14px;
    padding-right: 4px;
	line-height: 40px;
}

#dialog-delete-confirm .select-o {
	background-color: rgb(162, 16, 3);
	display: block;
}

.select-wp-slot-block,
.select-te-slot-block {
	display: inline-block;
    /*height: 400px;*/
    width: 99%;
    /*overflow-y: scroll;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    margin-top: 12px;
    border: 1px solid #000000;
    padding: 8px;

    max-height: 400px;
    overflow-y: auto;
}

.select-wp, .select-wt, .select-st {
	margin: 4px;
    width: 210px;
    display: inline-block;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.select-slot {
	background-color: rgb(65, 67, 78);
	line-height: 25px;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	margin: 2px;
	overflow: hidden;
}

.select-slot.link-created:hover {
	-webkit-box-shadow: 0px 0px 2px 2px lime;
	-moz-box-shadow: 0px 0px 2px 2px lime;
	box-shadow: 0px 0px 2px 2px lime;
}

.new-plum {
	/*background-color: #6cddff;*/
}

.link-created {
	background-color: rgb(30, 135, 36);
	-webkit-box-shadow: 0px 0px 2px 2px lime;
	-moz-box-shadow: 0px 0px 2px 2px lime;
	box-shadow: 0px 0px 2px 2px lime;
}

.ta:not(.hairy) .link-created-foreign {
	pointer-events: none;
    cursor: default;
    background-color: transparent;
}

.select-wp-slot-block.opr .link-created-foreign,
.select-wp-slot-block.isp .link-created-foreign,
.select-wp-slot-block.oms .link-created-foreign {
	pointer-events: auto;
    cursor: pointer;
    background-color: transparent;
}

.select-wp-slot-block > * {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: transparent;

	padding-left: 6px;
	margin-bottom: 1px;
	margin-top: 1px;

	display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.select-wp-slot-block > .filtered {
	background-color: rgba(33, 55, 88, 0.4);
    border-left-color: rgb(103, 93, 131);
}

.header-box, .filter-lp {
	display: inline-block;
	display: inline-flex;
	line-height: 24px;
	flex-wrap: wrap;
}

.filter-lp {
	margin-left: 0px;
}

.filter-isp,
.filter-lp a {
	margin-left: 4px;
	margin-right: 0px;
}

.filter-tag-ctrl,
.filter-color-ctrl {
	font-size: 10px;
	vertical-align: middle;

	display: inline-block;

	width: 22px;
	height: 22px;

	border-collapse: collapse;
    border: 1px solid #d4f344 !important;
    text-align: center;
}

.wm-header, .op-header, .doc-header {text-align: left;}

.tr-header, .wp-header, .doc-group-header {text-align: center;}

.te-header {text-align: right;}

.wm-header div, .op-header div, .doc-header div {
	text-align: left;
	padding-left: 0px;
    display: inline-block;
}

.tr-header div, .wp-header div, .te-header div {
	text-align: left;
	width: 350px;
	padding-left: 0px;
    display: inline-block;
}

.doc-group-header div {
	text-align: left;
}

.workplace-list .wpid-plc {
	font-weight: bold;
	margin-right: 12px;
	display: inline-block;
}

#dialog-prev .note input {
	box-sizing: border-box;
	width: 100%;
}

#dialog-prev .usage,
#dialog-img-preview .usage {
	width: 100%;
	border-collapse: collapse;
    border: 0px solid black;
    margin-top: 12px;
}

#dialog-prev .usage tr,
#dialog-img-preview .usage tr {
	border-bottom: 1px solid rgb(23, 27, 35);
}

#dialog-prev .usage td,
#dialog-img-preview .usage td {
	border-right: 1px solid rgb(23, 27, 35);
	padding: 6px;
}

#dialog-prev .usage td:first-child,
#dialog-img-preview .usage td:first-child {
	border-left: 1px solid rgb(23, 27, 35);
}

#wpndialog-create-op input, #wpndialog-create-op select, #wpndialog-create-wp input, #wpndialog-create-tm input,
#omsdialog-create-op input, #omsdialog-create-op select, #omsdialog-create-wp input, #omsdialog-create-tm input,
#oprdialog-create-op input, #oprdialog-create-op select, #oprdialog-create-wp input, #oprdialog-create-tm input,
#inbdialog-create-op input, #inbdialog-create-op select, #inbdialog-create-wp input, #inbdialog-create-tm input,
#ispdialog-create-op input, #ispdialog-create-op select, #ispdialog-create-wp input, #ispdialog-create-tm input,
#dialog-create-client-oms input,
#dialog-create-global-oms select,
#dialog-create-global-oms input,
#tradialog-create-tm input {
	width: 100%;
    box-sizing: border-box;
}

#omsdialog-create-op .doc-color-picker {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid gray;
}

#omsdialog-create-op .doc-color-picker .color {
	flex-grow: 1;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 14px;
	text-align: center;
	border: 3px solid transparent;
}

/*#omsdialog-create-op .doc-color-picker .color.selected:before {content:"» ";}*/
/*#omsdialog-create-op .doc-color-picker .color.selected:after {content:" «";}*/
#omsdialog-create-op .doc-color-picker .color.selected {
	border: 3px solid black;
}

.dialog .recently-opened {
	font-size: 14px;
	margin-left: 8px;
}

#dialog-delete-confirm div > * {
	display: inline-block;
	margin-right: 6px;
	visibility: hidden;
}

.verbose #dialog-delete-confirm div > * {
	visibility: visible;
}

#dialog-terminal-app-menu .terminal-app {
	display: block;
	background-color: rgb(41, 47, 93);
    margin: 1px;
    padding: 4px;
    padding-left: 12px;
}

#tab-id-ow-content .detail-container .detail-body,
#tab-id-wo-content .detail-container .detail-body
{
	padding-top: 22px;
}

#tab-id-ow-content .detail-container .detail-body > *,
#tab-id-wo-content .detail-container .detail-body > *
{
	margin-bottom: 12px;
	display: inline-block;
	width: 100%;
    box-sizing: border-box;
}

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

#tab-id-ow-content .detail-container .wp {
	display: block;
	margin-top: 12px;
}

#tab-id-ow-content .detail-container .plc {
	margin-right: 12px;
	min-width: 44px;
	display: inline-block;
	background-color: rgb(64, 83, 88);
	color: rgb(208, 238, 255);
	padding-left: 10px;
	padding-right: 10px;
}

#tab-id-ow-content .nt-cell-workplace_name {
	max-width: 100px;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

#tab-id-ow-content .nt-cell-wpid_plc, #tab-id-ow-content .nt-cell-slot {
	width: 22px;
}

#tab-id-ow-content .o-link {
	margin-top: 6px;
}

#dialog-column-setup input {
	margin-top: 4px;
    margin-bottom: 4px;
    width: 100%;
    box-sizing: border-box;
}

.detail-body .params .param {
	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;
}

.detail-body .params .param.selected {
	background-color: green;
}

#tab-id-wo-content .col-description .cell {
	max-width: 220px;
	overflow-x: hidden;
    text-overflow: ellipsis;
}

#dialog-export-workplaces label {
	display: inline-block;
	margin-right: 12px;
	margin-top: 22px;
}

#tab-id-global-oms-content .col-modification_tag > .cell,
#tab-id-client-oms-content .col-modification_tag > .cell {
	padding-top: 3px;
}

#tab-id-global-oms-content .doc-symbol {
	width: 24px;
	height: 24px;
}

#tab-id-global-oms-content .detail-container .doc-symbol,
#dialog-create-global-oms .doc-symbol {
	width: 36px;
	height: 36px;
}

#dialog-create-global-oms .symbol a,
#tab-id-global-oms-content .symbol a {
	padding: 3px;
	display: inline-block;
}

#dialog-create-global-oms .symbol a.selected,
#tab-id-global-oms-content .symbol a.selected {
	background-color: rgb(3, 143, 76);
}

#tab-id-global-oms-content .detail-body label,
#tab-id-client-oms-content .detail-body label {
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 12px;
}

#tab-id-global-oms-content .detail-body div,
#tab-id-client-oms-content .detail-body div {
	margin-top: 8px;
}

#tab-id-client-oms-content .detail-body div span:last-child {
	margin-left: 12px;
}

#tab-id-client-oms-content .detail-body button,
#tab-id-client-oms-content .detail-body select,
#tab-id-client-oms-content .detail-body input,
#tab-id-global-oms-content .detail-body button,
#tab-id-global-oms-content .detail-body select,
#tab-id-global-oms-content .detail-body input {
	margin-bottom: 18px;
    box-sizing: border-box;
    width: 260px;
    margin-left: 0;
}

#dialog-config-line .gms {
	display: inline-block;
	margin: 2px;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgb(93, 82, 139);
    min-width: 120px;
    min-height: 26px;
    box-sizing: border-box;
}

#dialog-lng select {
	box-sizing: border-box;
    width: 100%;
}

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

#dialog-bom-opr a {
	display: block;
	background-color: rgb(98, 100, 131);
    margin-bottom: 1px;
    margin-top: 1px;
    margin-right: 4px;
    margin-left: 8px;
    padding: 4px;
    padding-left: 12px;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
}

#dialog-bom-opr .type {
	margin-right: 12px;
	color: rgb(153, 158, 220);
}


@media all and (max-width: 1650px) {
	.op-header {width:34%;}
	.doc-header {width:50%;}
}

@media all and (min-width: 1550px) {
	.wm-tra-layout .plum {width: 400px;}

	.op-wp-layout .plum, 
	.machine-doc-layout .plum {width: 460px;}

	/*.transporter-list .plum,*/
	.workplace-list .plum {width: 300px;}

	.terminal-list .plum.terminal-panel {width: 410px !important;}

	.tr-header div {width:320px;}
	.wp-header div, .doc-group-header div  {width:400px;}
	.te-header div {width:440px;}

	.workplace-mat-list .plum-ctrl-group,
	.doc-list .plum-ctrl-group,
	.operation-list .plum-ctrl-group {margin-right: 32px;}
}