.product-box, .selected-product-box {
	display: block;
	margin-top: 16px;
	background-color: rgb(61, 65, 96);
	padding: 0;
	min-width: 140px;
	min-height: 20px;
}

/*#dialog-o-doc .trw .opr-title {width:280px;}*/

#dialog-o-doc .dropzone {
	display: inline-block;
	margin: 2px;
	margin-bottom: 8px;
	margin-right: 22px;
	background-color: #465079;
	/*float: none;*/
}

#dialog-o-doc .trw.dropzone {
	display: inline-block;
	height: 92px;
	width: 136px;
	margin: 0;
    margin-top:12px;
    margin-bottom:12px;
    margin-right:22px;
}

#dialog-o-doc .trw .dz-message {
	margin: 0.3em 0;
    font-size: 15px;
}

.line-product {
	margin: 2px;
	cursor: move;
	display: inline-block;
	width: 140px;
    text-align: center;
    border-bottom: 1px solid transparent;
    background-color: rgb(93, 82, 139);
}

.o-color-picker-ctrl {
	display: inline-block;
	border-bottom: 1px solid transparent;
	margin-bottom: 8px;
	color: black !important;
	text-align: center;

    padding: 4px;
    padding-right: 24px;
    padding-left: 24px;

	font-size: 14px;
	min-width: 220px;
}

.cp-dropdown {
	display: none;
}

.p-selected {
	background-color: rgb(215, 48, 132);
}

#dialog-o-doc .refresh-exported-doc {
	background-color: rgb(131, 75, 179);
    float: right;
}

.doc-trash {
	background-color: rgb(190, 38, 84);
    float: right;
}

table.o-color-picker {
	margin: 0;
	padding: 0;
	width: 100%;

	border-collapse: collapse;
	border: solid 0px;
	border-color: black;

	margin-bottom: 4px;
}

table.o-color-picker td {
	border-collapse: collapse;
	border: solid 1px;
	border-color: rgb(72, 72, 72);
	text-align: center;
	padding: 2px;
}

table.o-color-picker a {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid transparent;
	font-size: 11px;
	color: black;
}

table.o-color-picker .color-selected {
	font-weight: bold;

	border-collapse: collapse;
    border: solid 3px;
    border-color: rgb(137, 215, 4);

	/*
	-webkit-box-shadow: inset 0px 0px 4px 3px rgba(3,4,31,1);
    -moz-box-shadow: inset 0px 0px 4px 3px rgba(3,4,31,1);
    box-shadow: inset 0px 0px 4px 3px rgba(3,4,31,1);
    */
}

#dialog-o-doc .doc-thumb, #dialog-o-doc .drawing-thumb, .attachment-thumb {
	width: 128px;
	height: 128px;
	display: inline-block;

	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;

	font-size: 11px;
	overflow: hidden;
	white-space: nowrap;
	padding: 12px;
	margin: 12px;

	background-color: rgb(61, 65, 97);
	line-height: 0px;
}

#dialog-o-doc .trw.doc-thumb, #dialog-o-doc .trw.drawing-thumb {height: 70px;}

.doc-type-desc {
	display: block;
	position: relative;
    top: 120px;
}

#dialog-o-doc .trw.doc-type-desc {
	top: 64px;
}

.xlsx, .xls {
	background-color: rgb(22, 53, 104);

	background-image:  url("../images/xls.png");
	/*background-size:   cover;*/
	background-repeat: no-repeat;
	background-position: center center;
}

.axl {
	background-color: rgb(55, 37, 104);

	background-image:  url("../images/xls.png");
	/*background-size:   cover;*/
	background-repeat: no-repeat;
	background-position: center center;
}

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

.jpeg, .jpg {
	background-image:  url("../images/jpeg.png");
	/*background-size:   cover;*/
	background-repeat: no-repeat;
	background-position: center center;
}

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

.related {
	background-color: rgb(101, 53, 104);

	background-image:  url("../images/pdf.png");
	/*background-size:   cover;*/
	background-repeat: no-repeat;
	background-position: center center;
}

.approved-export {
	background-color: rgb(65, 122, 136);

	background-image:  url("../images/pdf.png");
	/*background-size:   cover;*/
	background-repeat: no-repeat;
	background-position: center center;
}

input.xls-conf {
	width: 40px !important;
	margin-bottom: 8px;
}

#dialog-o-oms .opr-title-editor,
#dialog-o-doc .opr-title-editor {
	display: inline-block;
}

#dialog-o-doc .opr-title-editor > input {
	width: 380px;
	margin-bottom: 8px;
	margin-right: 28px;
}

#dialog-o-doc label {
	display: inline-block;
	margin-left: 12px;
	margin-right: 4px;
}

label.product-label {
	display: inline !important;
}

.product-input {
	width: 180px !important;
}

.product-area-label {
	width: 100%;
    display: inline-block;
	margin-top: 10px;
}

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

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

.product-area {
	background-color: rgb(68, 74, 108);
}

.sel-prod-section {
	display: inline-block;
	width: 100%;
	margin-bottom: 12px;
}

.all-material {
	margin-left: 32px;
}

.all-material label {
	margin-left: 2px !important;
}

#all-material {
	width: 22px !important;
}

.add-prod-form {
	background-color: rgb(68, 74, 108);
}

.add-prod-form input {
	width: 120px;
}

.add-prod-form button {
	float: right;
}

.custom-combobox {
	position: relative;
	display: inline-block;
	margin-right: 38px;
	box-sizing: border-box;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	box-sizing: border-box;
}

.custom-combobox-input {
	margin: 0 !important;
    padding: 5px 10px !important;
    width: 160px !important;
    box-sizing: border-box;
}

.all-mat-block, .diff-result, #dialog-o-doc .plain-export {
	background-color: rgb(57, 65, 103);
    padding: 8px;
    padding-left: 16px;
    margin-top: 2px;
}

.diff-result label {
	margin-left: 0 !important;
	margin-right: 6px !important;
}

#dialog-o-doc .groups-block {
	display: inline-block;
    width: 100%;
    margin-top: 1px;
}

.groups-block .group-block {
	display: inline-block;
	text-align: left;

	background-color: #f8f3f0;
	color: black;

	margin: 0;
	margin-top: 8px;
	padding: 8px;
	width: 98%;

	padding-bottom: 20px;
}

.groups-block .group-sub-block {
	display: inline-block;
    width: 90%;
    padding-left: 24px;
}

.groups-block .group-name,
.groups-block .line-name,
.groups-block .customer,
.groups-block .model {
	display: inline-block;
    background-color: rgba(115, 113, 198, 0.1);
    min-height: 20px;
    min-width: 220px;
    margin-right: 2px;
    margin-top: 14px;
    margin-bottom: 4px;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.groups-block .group-name {
	background-color: transparent;
	margin-top: 4px;
}

.groups-block .pg-item,
.available-groups-block .pg-item {
	display: inline-block;
    min-width: 120px;
    padding: 4px;
    margin: 1px;
    background-color: rgb(93, 82, 139);
	padding-left: 8px;
	font-size: 16px;
	color: white;
}

.groups-block .grp-ctrl {
	float: right;
	margin-right: 6px;
	margin-top: 6px;
	margin-left: 6px;
}

.available-groups-block .available-grp-ctrl {
	float: right;
	margin-right: 2px;
	margin-left: 6px;
}

.groups-block .grp-trash {
	background-color: rgb(190, 38, 84);
}

.available-groups-block {
	margin-top: 18px;
	margin-bottom: 8px;
	background-color: rgb(57, 65, 103);
	padding: 1px;
}

.available-grp-ctrl .add-group {
	background-color: rgb(119, 76, 166);
}

.dialog-process-revision input,
#dialog-send-doc-to-approve input,
.dialog-process-revision select,
#dialog-send-doc-to-approve select {
	width: 100%;
	box-sizing: border-box;
}

.dialog-process-revision .ta {
	color: rgb(161, 225, 255);
	font-size: 14px;
	border-bottom: 1px solid rgb(23, 27, 35);
	padding-bottom: 4px;
    padding-top: 4px;
}

#dialog-send-doc-to-approve .unapproved-opr {
	margin-top: 16px;
	max-height: 180px;
    overflow-y: auto;
}

#dialog-send-doc-to-approve .unapproved-opr > div {
	color: orange;
}

#dialog-send-doc-to-approve .auto-approving label {
	display: inline-block;
	margin-right: 6px;
	margin-top: 16px;
}

.diff-group-name {
	margin: 3px;
	margin-right: 3px;
	margin-left: 0px;
	display: inline-block;
	font-size: 14px;
	background-color: rgb(228, 113, 5);
	color: rgb(255, 237, 239);
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
}

#dialog-o-doc table.oms-data {
	width: 99%;
	border-collapse: collapse;
}

#dialog-o-doc .oms-data > thead > tr > th:first-child {cursor: pointer;}

#dialog-o-doc .oms-data > tbody > tr > td {
	vertical-align: top;
	padding: 4px;
}

#dialog-o-doc .oms-data > tbody > tr {
	border-bottom: 1px solid rgb(51, 60, 78);
}

#dialog-o-doc .oms-data a {
	margin-left: 4px;
	margin-bottom: 4px;
}

#dialog-o-doc .oms-data textarea {
	overflow: auto;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
    border: none;
    width: 94%;
    background-color: rgba(52, 61, 93, 0.5);
	color: white;
	resize: none;
}

#dialog-o-doc .oms-data .oms-label, #dialog-o-doc .oms-data .oms-check, #dialog-o-doc .oms-data .oms-importance {width: 80px;}
#dialog-o-doc .oms-data .oms-label textarea, #dialog-o-doc .oms-data .oms-check textarea, #dialog-o-doc .oms-data .oms-importance textarea {width: 80%;}
#dialog-o-doc .oms-data .oms-ctrl, #dialog-o-doc .oms-data > thead th:last-child {
	text-align: right;
	padding-right: 0;
}

#dialog-o-doc .oms-data .expand-area {background-color: rgb(62, 54, 108);}

#dialog-o-doc .oms-data .add-oms {background-color: rgb(2, 100, 80);}

#dialog-o-doc .pic-rem-ctrl, #dialog-o-doc .rem-oms {background-color: rgb(190, 38, 84);}
#dialog-o-doc .pic-edit-ctrl {background-color: rgb(48, 98, 72);}

#dialog-o-doc .pic-index {
	display: flex;
}

#dialog-o-doc .pdf-pages {
	display: inline-block;
}

#dialog-o-doc .pic-envelope {
	display: inline-block;
	background-color: rgb(66, 76, 116);
	margin: 8px;
}

#dialog-o-doc .pic-envelope.loading {
	opacity: 0.4;
}

#dialog-o-doc .o-color-picker-ctrl-box input {
	font-size: 14px;
}