﻿.factory_tree {
	margin-left: 1px;
	width: 600px;
}

.node_tree, .cell_tree {
	font-size: 13px;
	font-family: "Open Sans";
	color: rgb(84, 82, 86);
	line-height: 1.2 !important;
	height: 45px;
	padding-left: 16px !important;
}

.node_tree, .dxeHyperlink {
	text-align: left;
}

.tree_header, .ed_izm_header {
	font-size: 13px;
	font-family: "Open Sans";
	color: #000;
	line-height: 1.2;
	text-align: left;
	background-color: rgb(219, 219, 216);
	height: 38px;
	padding-left: 8px;
	border-style: solid;
	border-color: rgb(245, 245, 245);
	border-width: 1px;
}

.ed_izm_header {
	width: 70px;
}

.collapse_tree, .collapse_tree_sett {
	background-image: url("../image/tree_plus_fill.png");
	background-repeat: no-repeat !important;
	background-color: transparent;
	background-position: center;
}

.expand_tree, .expand_tree_sett {
	background-image: url("../image/tree_minus_fill.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
}

.dxWeb_edtCheckBoxChecked,
.checked_tree, .checked_tree_sett {
	background-image: url("../image/pro_check_tree.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	cursor: pointer;
}

.dxWeb_edtCheckBoxCheckedDisabled {
	background-image: url("../image/disable_checked_tree.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	cursor: pointer;
}

.dxWeb_edtCheckBoxUnchecked, .dxWeb_edtCheckBoxGrayed, dxWeb_edtCheckBoxUncheckedDisabled,
.unchecked_tree, .unchecked_tree_sett {
	background-image: url("../image/pro_uncheck_tree.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	cursor: pointer;
}

.disable_check_tree_sett {
	background-image: url("../image/disable_check_tree.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
}

.dxWeb_edtCheckBoxChecked,
.dxWeb_edtCheckBoxUnchecked, .dxWeb_edtCheckBoxGrayed,
.dxWeb_edtCheckBoxCheckedDisabled, dxWeb_edtCheckBoxUncheckedDisabled {
	width: 20px;
	height: 20px;
}

.unchecked_tree, .checked_tree {
	width: 40px;
	height: 40px;
}

.unchecked_tree_sett, .checked_tree_sett,
.expand_tree_sett, .collapse_tree_sett, .disable_check_tree_sett {
	width: 20px;
	height: 20px;
}

.expand_tree_sett, .collapse_tree_sett {
	margin-top: 5px;
}

.expand_tree, .collapse_tree {
	width: 40px;
	height: 40px;
}

/*.dxWeb_edtCheckBoxChecked,
.dxWeb_edtCheckBoxUnchecked, .dxWeb_edtCheckBoxGrayed,
.dxWeb_edtCheckBoxCheckedDisabled,dxWeb_edtCheckBoxUncheckedDisabled  
{
      background-repeat: no-repeat;
      background-position:center;
      display:inline-block;
      width: 40px;
      height: 40px;  
}*/

/*.dxWeb_edtCheckBoxChecked,
.dxWeb_edtCheckBoxUnchecked, .dxWeb_edtCheckBoxGrayed
{
      background-color: transparent;
}*/

.dxWeb_edtCheckBoxCheckedDisabled, .dxWeb_edtCheckBoxUncheckedDisabled {
	background-color: silver;
}

.selected_node_tree {
	background-color: #ebebeb;
}

.indent_tree {
	background-color: rgb(245, 245, 245);
}

.focused_node_tree {
	background-color: #d1d1d1;
}

.treeLineLast {
	/*background-position-x: right, center, center;
	background-position-y: center, top, bottom;*/
	background-position: right center, center top, center bottom;
	background-image: url("../image/treeLineLast_pro_h.png"), url("../image/treeLineLast_pro_v.png"), url("../image/treeLineLast_pro_h.png");
	background-repeat: no-repeat, repeat-y, no-repeat;
}

.treeLineFirst {
	background-position: right, center center, top;
	background-image: url("../image/treeLineLast_pro_h.png"), url("../image/treeLineLast_pro_v.png");
	background-repeat: no-repeat,repeat-y;
}

.treeLineMiddle {
	background-position: right, center center, top;
	background-image: url("../image/treeLineLast_pro_h.png"), url("../image/treeLineLast_pro_v.png");
	background-repeat: no-repeat,repeat-y;
}

.treeLineRoot {
	background-image: url('../image/treeLineLast_pro_v.png');
	background-repeat: repeat-y;
	background-position-x: center;
	background-position-y: top;
}

.dxWeb_edtCheckBoxCheckedExt,
.dxWeb_edtCheckBoxUncheckedExt {
	background-repeat: no-repeat !important;
	background-position: center !important;
	display: inline-block !important;
	width: 22px !important;
	height: 22px !important;
}

.dxWeb_edtCheckBoxCheckedExt {
	background-image: url('../image/check_tree.png');
}

.dxWeb_edtCheckBoxUncheckedExt {
	background-image: url('../image/uncheck_tree.png');
}

.custom_input_container {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default checkbox */
.custom_input_container input {
		opacity: 0;
		visibility:hidden;
		margin: auto;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	width: 16px;
	background-image: url("../image/pro_uncheck_tree.png");
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: center;
}

.checked_tree:hover, .checked_tree_sett:hover,
.custom_input_container:hover input ~ .checkmark
{
	-webkit-box-shadow: 0 0 6px rgba(45,164,74,.87);
	-moz-box-shadow: 0 0 6px rgba(45,164,74,.87);
	box-shadow: 0 0 6px rgba(45,164,74,.87);
	border: solid 0px rgba(0,0,0,.17);
	border-style: solid;
	border-width: 0px;
	border-color: #adadad;
}

/* When the checkbox is checked */
.custom_input_container input:checked ~ .checkmark {
	background-image: url("../image/pro_check_tree.png");
}

.custom_input_container input:checked:disabled ~ .checkmark {
	background-image: url("../image/disable_checked_tree.png");
}

.custom_input_container input:disabled ~ .checkmark {
	background-image: url("../image/disable_check_tree.png");
}

.custom_input_container input + label {
	margin-left:7px;
}

