label {
	color: #000000 !important;
}

hr {
	margin: 2px 10px;
}

ul,
ol {
	padding-left: unset;
}

.custom-menu {
	z-index: 1000;
	position: absolute;
	background-color: #dddddd;
	border: 1px solid #FFFFFF;
	padding: 2px;
	margin: 1px;
}

.custom-menu div {
	background-color: white;
	border-bottom: solid 1px #cccccc;
	padding: 3px;
	font-family: scada, sans-serif;
	font-size: 10pt;
}

.custom-menu div:hover {
	background-color: #87AD86;
	border-bottom: solid 1px #cccccc;
	padding: 3px;
	cursor: pointer;
}

/* BUTTONS */
#buttonOrder {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.73,10.09V29.91A2.86,2.86,0,0,0,4,31.14a3.18,3.18,0,0,0,.28.48l.32.39,0,0a3.24,3.24,0,0,0,2.25,1H33.09a3.24,3.24,0,0,0,2.25-1l.29-.35a2.9,2.9,0,0,0,.64-1.78V10.09A2.86,2.86,0,0,0,36,8.86a3.18,3.18,0,0,0-.28-.48c-.07-.09-.09-.13-.17-.22l-.21-.23a3.28,3.28,0,0,0-2.22-1H6.91a3.27,3.27,0,0,0-2.22,1l0,0-.29.35a4.26,4.26,0,0,0-.32.5,2.84,2.84,0,0,0-.32,1.28M7,10.28H33v3.17H7ZM7,20H33v9.72H7Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#buttonSave {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5.36 8.45v23.1a3.27 3.27 0 0 0 3.09 3.09h23.1a3.27 3.27 0 0 0 3.09-3.09V11.94a14.15 14.15 0 0 0-1.58-1.68l-4.12-4.12c-.15-.15-.69-.78-.88-.78H8.45a3.27 3.27 0 0 0-3.09 3.09m3.26.17h16.24v6.46H8.62Zm6.52 18a4.75 4.75 0 0 1 4.69-4.92 4.85 4.85 0 0 1 3.65 1.3A4.91 4.91 0 0 1 20 31.38a4.8 4.8 0 0 1-4.86-4.8Z'/%3E%3C/svg%3E");
}
#NewProject {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M19.4 3.73h1.37a15.47 15.47 0 0 1 4.7.94 14.3 14.3 0 0 1 2.07.92 14.09 14.09 0 0 1 1.82 1.11A16.1 16.1 0 0 1 31 8l.48.47a15.69 15.69 0 0 1 3.85 6.06 14.84 14.84 0 0 1 .93 4.73v1.28a16.15 16.15 0 0 1-3 8.78 10.57 10.57 0 0 1-.86 1.11 16.14 16.14 0 0 1-4.32 3.63l-2 1a16.71 16.71 0 0 1-5.35 1.19h-1.44a17.06 17.06 0 0 1-5.5-1.25l-1.95-1c-.44-.27-.8-.47-1.2-.77a16.34 16.34 0 0 1-3.56-3.43 15.65 15.65 0 0 1-2.16-3.75l-.26-.69a12.48 12.48 0 0 1-.47-1.51 15.15 15.15 0 0 1-.46-4.36A14.93 14.93 0 0 1 4.2 16c.14-.53.31-1 .47-1.49.11-.28.18-.47.29-.74l.63-1.33A15.72 15.72 0 0 1 9 8a18.23 18.23 0 0 1 1.66-1.33 16.2 16.2 0 0 1 3.2-1.75 17 17 0 0 1 5.54-1.19M7 20.7a11.83 11.83 0 0 1 1.24-6.26 13.4 13.4 0 0 1 2.14-3.19l.79-.8A13.75 13.75 0 0 1 14.4 8.3 12 12 0 0 1 19.3 7a11.83 11.83 0 0 1 6.26 1.24 13.4 13.4 0 0 1 3.19 2.14 13.2 13.2 0 0 1 3.79 6.19 13.46 13.46 0 0 1 0 6.73 16.65 16.65 0 0 1-.84 2.22 13.4 13.4 0 0 1-2.14 3.19 13.57 13.57 0 0 1-3 2.42 13.27 13.27 0 0 1-3.21 1.37 13.46 13.46 0 0 1-6.73 0c-.45-.13-.73-.24-1.15-.38a13.07 13.07 0 0 1-4.68-3l-.38-.38A13.11 13.11 0 0 1 7 20.7Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M13.45 21.65h4.9v4.9h3.3v-4.9h4.9v-3.3h-4.9v-4.9h-3.3v4.9h-4.9z'/%3E%3C/svg%3E");
}
#buttonOpenDiv{
	background-image: url("data:image/svg+xml,%3Csvg width='175.95mm' height='175.95mm' version='1.1' viewBox='0 0 175.95 175.95' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cg transform='translate(-14.833 -17.1)'%3E%3Cpath d='m147.98 155.39h-99.282c-3.5298 0-6.4034-2.615-6.4034-4.9418 0-1.3523 10.261-43.392 10.888-45.898 1.2031-4.7827 1.919-12.051 7.1591-12.051h101.03c3.2315 0 5.5284 3.1222 5.5284 4.9517 0 1.5412-9.7443 40.071-11.087 46.564-0.93466 4.5142-1.9588 11.375-7.8352 11.375zm-105.4-57.352c0-5.0213-0.31818-35.805 0.20881-37.943 0.54687-2.1776 2.6846-4.1662 4.8025-4.5142l28.766-0.05966 5.9858 8.8593c1.3224 1.9091 5.1406 7.6264 6.5128 8.6207 1.4815 1.0739 2.3864 1.1832 4.9616 1.1633h36.402c7.5568 0 18.047-2.1378 18.047 6.4034h-87.341c-5.429 0-9.9034 2.3267-12.439 5.3295-2.5057 2.973-4.2358 6.7116-5.25 10.46l-0.4375 1.3125c-0.02983 0.04972-0.08949 0.1392-0.10937 0.17898-0.01989 0.03977-0.0696 0.12926-0.10938 0.18892zm-12.508-37.565v85.611c0 8.571 3.2216 15.67 10.659 19.32 6.125 3.0028 19.091 1.929 28.05 1.929h59.987c17.172 0 27.543 2.7741 34.881-9.3664 3.5099-5.8167 7.875-27.841 9.7741-35.358 1.0242-4.0966 1.8693-7.7954 2.9133-11.942 0.53693-2.1577 0.96449-3.8878 1.5114-6.0454 1.3722-5.4886 2.1875-8.2628-0.56676-13.771-0.53693-1.0739-0.91477-1.8793-1.6008-2.7543-0.69603-0.875-1.3423-1.7699-2.1477-2.5156-2.794-2.5653-7.4772-5.0113-12.747-5.0113 0-4.8125-1.8693-9.7244-5.1207-12.936-5.3693-5.3096-9.794-5.9957-17.589-5.9957h-41.93l-11.266-16.376c-1.6207-1.8693-3.4304-2.5454-6.7812-2.5454-6.8906 0-29.72-0.70596-35.05 1.044-4.2258 1.402-6.1051 3.1023-8.8395 6.0057-2.1079 2.2571-4.1364 7.1591-4.1364 10.709z' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
#buttonChange{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 28.39'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M11.01 28.4H31.5v-3.23H14.27a41 41 0 0 0-3.26 3.2M0 22.43v6h5.91c.16 0 .78-.75 1.09-1.07 1.36-1.36 5.32-5.19 6.25-6.3.5-.61 5-5.05 5.75-5.75l.52-.53.28-.27 3.52-3.62-6-6-12 12c-.1.11-.18.18-.28.28-.84 1-3.43 3.49-4.61 4.68-.13.12-.51.42-.51.6M19.2 3.29l6 6.05 2.31-2.59c.91-1 1.33-1.71.06-3-1-1-2.46-2.54-3.32-3.32a1.65 1.65 0 0 0-1.63-.36c-.73.26-2.76 2.75-3.43 3.2'/%3E%3C/svg%3E");
}


#svg_fasad_div {
	/*height:600px;
	width:900px; */
	max-width: 900px;
	border: solid 0px red;
	/*background-color:white;*/
	background-repeat: no-repeat;
	background-size: contain;
	/*background-image: url(/img/fasad_svg_bkg_v3.png);*/
	/*background-image: url(../vybor_tovar/_undefined.jpg)*/
	/*background-image: url(../vybor_tovar/0.jpg)*/
}

.dimmed_svg::after {
	content: " ";
	z-index: 10;
	display: block;
	position: relative;
	height: 100%;
	top: -600px;
	/* left: 0; */
	/* right: 0; */
	width: 898px;
	height: 598px;
	background: rgba(237, 251, 246, 0.4);
	border: dashed 1px #00FF00;
	}

#svg_fasad_div.lang_ua { background-image: url(/img/fasad_svg_bkg_v3_ua.png) !important; }
#svg_fasad_div.lang_ru { background-image: url(/img/fasad_svg_bkg_v3.png) !important; }

#svg_fasad_div.lang_ua.vrotated {	background-image: url(/img/fasad_svg_bkg_v4_ua.png) !important;}
#svg_fasad_div.lang_ru.vrotated {	background-image: url(/img/fasad_svg_bkg_v4.png) !important;}

#fast_div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-flow: row wrap;
	align-items: stretch;
	height: 3em;
}

#fast_form {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-flow: row wrap;
	align-items: center;
	/*background-color: azure;*/
	padding: 3px;
}

#fast_input::after {
	content: "→ СКУЧНО!";
	color: red;
	/*	position: absolute;
	left: 10px;*/


}

.Edemo {
	margin-top: 0.2em;
}

.Edemo>span {
	display: inline-block;
	border-style: dotted;
	border-width: 3px;
	border-color: #ccc;
	width: 1.3em;
	height: 1.3em;
	text-align: center;
}

.Edemo>.Etop {
	border-top-style: solid;
	border-top-color: #55AAAA;
}

.Edemo>.Eleft {
	border-left-style: solid;
	border-left-color: #55AAAA;
}

.Edemo>.Eright {
	border-right-style: solid;
	border-right-color: #55AAAA;
}

.Edemo>.Ebottom {
	border-bottom-style: solid;
	border-bottom-color: #55AAAA;
}

#ulDrawings {
	list-style-type: none;
	/*height: 30px;*/
	background-color: #FFFFFF;
	margin-left: 0px !important;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom: solid 2px #999;
	max-width: 1238px;
}

#ulDrawings li.draw {
	float: left;
	height: 25px;
	min-width: 108px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 3px 17px 0px 7px;
	cursor: pointer;
	font-size: 1em;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-width: 1px;
	border-color: #999;
	border-bottom: 0px;
	border-style: solid;
	vertical-align: bottom;
	background-color: #565656;
	color: #FFFFFF;
}

#ulDrawings li.add {
	float: left;
	width: 16px;
	/*height:30px;*/
	padding: 3px 5px;
	cursor: pointer;
}

#ulDrawings li.table {
	float: left;
	width: 16px;
	height: 30px;
	padding: 5px;
	cursor: pointer;
	font-size: 15px;
}

#ulDrawings li.table:hover {
	cursor: cell;
	padding: 0px 18px 10px 18px;
}

#ulDrawings li.uk-active {
	font-weight: bolder;
	/*background-color: #6DB700;*/
	background-color: #87AD86;
}

#ulDrawings li.add {
	background-color: unset !important;
}

span.spanclose {
	float: right;
	cursor: pointer;
	position: absolute;
	top: 1px;
	right: 1px;
}

span.spanclose:hover {
	background-color: #EEEEEE;
	color: #FF0000;
}

span.x_qntt {
	font-size: x-small;
}

.li_qntt {
	font-size: x-small;
	float: right;
	cursor: pointer;
	position: absolute;
	bottom: -1px;
	right: 1px;
	/*	position: relative;
	bottom: -2px;
	right: -10px;*/
}

.li_qntt:before {
	content: 'x';
	font-size: x-small;
}

.li_qntt:after {
	content: '';
	font-size: x-small;
}

.small_qntt{
	padding-left: 1em;
	font-size: smaller;
}

.small_qntt:before {
	content: 'x';
	font-size: x-small;
}

.small_qntt:after {
	content: '';
	font-size: x-small;
}

.div_dsp_sel {
	cursor: pointer;
	list-style: none;
}

#kromka-slots-container a {
	/*position: relative;
	top:-1.2em;*/
	padding: 2px;
	font-size: initial;
}

#kromka-slots-container a:hover {
	text-decoration: none;
}

#kromka-slots-container ul li {
	/*flex-shrink: 2;*/
	flex-basis: 12%;

}
/*
.slot_checkbox {
	position: relative;
	bottom: 1em;
}
*/
.div_slots {
	/*	 background-color: yellow;
	 border: solid 2px #888888;
	 min-width: 126px;
	 min-height: 115px;
	 margin: 2px;
*/
	width: 6em;
	height: 6em;
	border: 4px solid #cccccc;
	background-color: #ffffff;
	position: relative;
}

.slot_kromka_dropdown {
	padding: 0.5em;
	background-color: #A8A8A8;
}

.div_slots1 {
	width: 12em;
	/*height: 12em;*/
	height: 10em;
	background-color: white;
	padding: 0px;
	margin: 0.1em !important;
	/*font-size: 50%;*/
	font-size: x-small;
	/*border: solid 0.2em #eaeaea;*/
}

.div_b1color1:hover {
	border: solid 3px #078a9f;
}

.div_b1color2:hover {
	border: solid 3px #078a9f;
}

.div_b1color1 {
	/*width: 24%;*/
	width: 15em;
	height: 10em;
	background-color: white;
	background-size: cover;
	padding: 0px;
	margin: 0.2em !important;
	font-size: 60%;
	border: solid 0.3em #eaeaea;
}

.div_b1color2 {
	width: 32%;
	height: 13em;
	background-color: white;
	padding: 0px;
	margin: 0.2em !important;
	font-size: 80%;
	border: solid 0.4em #eaeaea;
}

.fullcutboard {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}
.fullcutboard:hover {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

.f_recommend {
	position: relative;
}

.f_recommend::before,
.f_recommend::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	border-color: transparent;
	border-style: solid;
}

.f_recommend::before {
	border-width: 1.5em;
	border-right-color: #cccccc;
	border-top-color: #cccccc;
}

.f_recommend::after {
	border-radius: 0.5em;
	border-width: 1.35em;
	border-right-color: #0c0;
	border-top-color: #0c0;
}

.mdfdiv {
	float: left;
	width: 24%;
	height: 100px;
	margin: 2px;
	border: solid 2px orange;
	background-color: #EEEEEE;
	color: #FFFFFF;
}

.mdfdiv:Hover {
	border-color: white;
	cursor: pointer;
	background-color: #FFFFFF;
}

.mdfdiv.active {
	border-color: green;
}

/*
.i_thick,
.i_size,
.i_manuf,
.i_id {
	display: inline;
	background-color: lime;
}
*/
.i_manuf {
	position: relative;
	left: 10px;
	/*top: -60px;*/
	top: -55%;
	width: 100px;
	/*mix-blend-mode: difference;*/
}

.bkdif {
	mix-blend-mode: difference;
}

.i_thick {
	position: relative;
	left: 0px;
	top: -75px;
	margin-right: 10px;
	text-align: right;
	mix-blend-mode: difference;
}

.i_thick:before {
	content: "↭";
}

.i_thick:after {
	content: "";
}

.i_size {
	position: relative;
	left: 0px;
	top: -80px;
	margin-right: 10px;
	text-align: right;
	mix-blend-mode: difference;
	/*background-color: #cccccc;  */
}

.i_size:before {
	content: "⭿";
}

.i_size:after {
	content: "⭾";
}

.i_name {
	position: relative;
	left: 0px;
	top: -70px;
	margin: 5px;
	text-align: center;
	color: #000000;
	/*mix-blend-mode: difference;*/
}

.i_id {
	position: relative;
	left: 0px;
	top: -75px;
	margin-right: 10px;
	text-align: right;
	/*mix-blend-mode: difference;*/
}


.K_side {
	stroke-width: 0;
}

.K_sideOn {
	stroke-width: 2;
	stroke: #0a0a0a;
}

.A_side {
	stroke-width: 1;
}

.A_side:Hover {
	/*fill: #FFFF00;*/
	stroke: #00FF00;
	cursor: pointer;
	stroke-width: 1;
}

.A_sideOn {
	/*stroke: #00FFFF;*/
	/*stroke-dasharray: 5;*/
	stroke-width: 3;
}

.H_side {
	fill: yellow;
	stroke: red;
	stroke-width: 1;
}

.H_side:Hover {
	cursor: pointer;
	fill: green;
	stroke: red;
	stroke-width: 2;
}

.Drillsvg:Hover {
	/* fill: #87AD86; */
	/* stroke-width: 5; */
	font-weight: bold;
	cursor: pointer;
}
/*
.H_drow {
 	fill: yellow;
	stroke: black;
	stroke-width: 1;
}
*/
.H_drow:Hover {
	cursor: pointer;
	border: solid 2px lime;
	fill: #87AD86 !important;
}

.H_drow g path:Hover{
	fill: blue !important;
}

.H_drow_thick g path, .H_drow_thick{
	stroke-width:4 !important;
	opacity: 1;
	stroke-dasharray:  unset !important;
	/*fill: #000000 !important;*/
}

.HingeHover {
	background-color: #d3e9b2;
}

.tbl_1_1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: stretch;
	justify-content: space-between;
}

.cropped_img {
	/*object-fit: cover; */
	width: 170px;
	height: 60px;
	min-height: 60px;
	position: relative;
	/*top: -30px;*/

	padding: 5px 5px 0px 5px;

	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

}

.cropped_img:Hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	padding: 0px;
	padding-bottom: 0px;
	/*padding-bottom: -20px;*/
	width: 100%;
	height: 100%;
	z-index: 100;
	box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.2);
}

.img_select {
	cursor: url('../images/palette.png'), auto;
	font-family: Verdana;
	font-size: 10px;
}

.img_select img {
	/*width: 80px;
	height: 80px;*/
	float: left;
}

#divPreviewKromka.img_select img {
	width: 100px;
	background-repeat: repeat;
}

label {
	color: #000000;
}

/*    ul.flex {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-around;
				background: #cccccc;
				padding: 0;
				margin: 1px;
				list-style: none;
		}
		li.flex {
				display: inline-block;
				flex: 1 1 80px;
				margin: 2px;
				text-align: center;
		}
*/

.js-DSPfilter,
.js-KRfilter,
.js-HGfilter,
.js-HGPfilter,
.js-Glassfilter {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin-left: 14px;
	margin-top: 5px;
}

.jsFilterHeader {
	background-color: #406C6F;
	padding: 20px;
	padding-top: 5px;
}

.jsFilterBody {
	background-color: #c9c9c9;
	/* #FFFFFF; */
}

#dspfilter {
	text-align: left;
	/*display: flex;
	flex-direction: column;
	justify-content:space-between;
	flex-wrap: wrap;*/

}

#dspfilter select {
	margin-right: 10px;
}

ul.uk-subnav {
	margin-bottom: 0px;
	margin-top: 5px;
}

/*
ul.uk-subnav:after {
	content: '|';
	color: #DDDDDD;
}
*/

.uk-subnav>* {
	padding-left: 1px !important;
}

.uk-subnav-pill>*> :first-child {
	padding: 5px 5px;
	/*font-weight: bold;*/
	color: #FFFFFF;
	text-transform: unset;
}


.uk-subnav-pill>li:first-child {
	/* text-transform: uppercase; */
	/* font-weight: bold; */
	color: #FFFFFF;
	/* padding-top: 3px; */
}

.uk-subnav {
	margin-left: unset;
	/*border: solid 1px #CCCCCC;*/
}

.uk-subnav>*>.uk-input {
	height: unset !important;
	background-color: #FFFFFF;
	/*padding: unset;*/
}

.uk-subnav>* {
	padding-left: 1px;
}

th {
	position: sticky;
	top: 0;
	z-index: 999;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled {
	background-color: #a8a8a8;
	color: #fff;
	cursor: not-allowed;
	/* border-color: #e5e5e5; */
}

#kromkaType label {
	font-size: 10px;
	letter-spacing: 0.2em;
}

#kromkaType td {
	text-align: center;
	line-height: 15px;
}

.kromka_bg_text {
	opacity: 0.8;
	color: #111111;
	background-color: #FFFFFF;
	height: 3em;
	/*margin: 6px;*/
	padding: 4px;
}

.lbl {
	font-size: x-small;
	font-weight: bold;
}

.lbl::before {
	content: "[";
	padding-right: 2px;
	color: white;
}

.lbl::after {
	content: "]";
	padding-left: 2px;
	color: white;
}

.preview_img {
	min-width: 130px;
	/*min-height:  100px;*/
	width: 130px;
	height: 130px;
	border: solid 0px black;
	background-image: url(../vybor_tovar/0.jpg);
	/*background-origin: border-box;*/
	/*background-size: cover;
	object-fit: contain;*/
}

.tt_l {
	writing-mode: vertical-rl;
	/*transform:rotate(270deg);*/
	transform: rotate(180deg);
	/*position: relative;*/
	/*left: 1em;*/

}

.tt_r {
	writing-mode: vertical-rl;
	/*transform:rotate(90deg);*/
	/*position: relative;*/
	/*left: -1.5em;*/
	transform: rotate(0deg);
}

.border_edge {
	border: dotted 1px #ccc;
	background-color: #888888
}

.red {
	color: #FF0000;
}

.green {
	color: #00FF00;
}

.whsize {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	/*align-content: center;*/
}

.whsize div {
	text-align: center;
}

/* **************************************** */

.switcher2 {
	display: inline-block;
	height: 20px;
	margin-top: 3px;
	padding: 4px;
	background: #ffffff;
	border-radius: 2px;
	width: 200px;
	/*border-radius: 20px;*/
	border: solid 1px #dddddd;
	position: relative;
	margin-bottom: 5px;
}

.switcher__input {
	display: none;
}

.switcher__label {
	float: left;
	width: 50%;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	text-align: center;
	cursor: pointer;
	position: inherit;
	z-index: 10;
	transition: color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
	will-change: transform;
}

.switcher__toggle {
	position: absolute;
	float: left;
	height: 20px;
	width: 50%;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
	/*background-color: #6DB700;*/
	background-color: #87AD86;
	left: 5px;
	top: 4px;
	transition: left 0.25s cubic-bezier(0.4, 0.0, 0.2, 1);
	will-change: transform;
}

.switcher__input:checked+.switcher__label {
	color: #ffffff;
}

.switcher__input--b:checked~.switcher__toggle {
	left: 100px;
}

/**************************************************/
#double_dsp {
	cursor: pointer;
}
#double_dsp_label {
	font-size: x-large;
	font-weight: 600;
	cursor: pointer;
	border: 1px solid transparent;
}
#double_dsp_label:hover {
	border: 1px solid grey;
}

/**************************************************/

.slick-cell>input {
	padding: 0;
	margin: 0;
	/*overflow: hidden;*/
}
/*
.slick-cell.editable {
	overflow: unset;
}
*/
#OwnGrid {
	display: block;
	/*min-height: 799px;*/
	min-height: 555px;
}

#OwnGrid>.OG_row:nth-child(even) {
	background: #FFFFFF;
}

#OwnGrid>.OG_row:nth-child(odd) {
	background: #EEEEEE;
}

/*#OwnGrid> .current_fasad { border-left: solid 3px #D6C454; border-right: solid 3px #D6C454;}*/
#OwnGrid>.OG_row {
	border-left: solid 3px #CCCCCC;
	border-right: solid 3px #CCCCCC;
}

#OwnGrid>.current_fasad {
	border-left: solid 3px #87AD86;
	border-right: solid 3px #87AD86;
	background-color: #d3e9b2 !important;
}


.OG_row {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	justify-content: flex-start;
	/*padding: 2px;*/
	margin-top: 7px;
	margin-bottom: 3px;
	border-bottom: solid 1px #333;
	min-height: 2em;
}

div.OG_row:hover {
	cursor: pointer;
}

/*
.OG_row>div {
	flex-grow: 1;
}
*/
.sub1 {
	grid-area: sub1;
	font-weight: lighter;
	font-size: x-small;
	width: 45%;
	padding-left: 20px;
	color: #888888;
}

.sub2 {
	grid-area: sub2;
	font-weight: lighter;
	font-size: x-small;
	width: 45%;
	color: #888888;
}

.sub3 {
	grid-area: sub3;
	font-weight: lighter;
	font-size: x-small;
	width: 10%;
}

.OG_row>* {
	/*vertical-align: baseline;
	display: inherit;*/
	text-align: center;
	margin-right: 0.3em;
	margin-left: 0.3em;
}

.OG_row>*>button.uk-button {
	padding: 0 5px !important;
}

.OG_col_num {
	min-width: 3em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.OG_col_dsp {
	min-width: 5.2em;
}
.OG_col_dsp_header {
	/* min-width: 18em; */
	min-width: 7em;
	max-width: 10em;
}

.OG_col_orientation {
	min-width: 1em;
}

.OG_col_height {
	min-width: 11em;
}

.OG_col_size_small {
	min-width: 8em;
}

.OG_col_size_box {
	min-width: 3em;
	display: none;
}

.OG_col_qntt {
	min-width: 5em;
}

.OG_col_kromka {
	min-width: 4em;
}

.OG_col_kromka2 {
	min-width: 20em;
	max-width: 20em;
}

.OG_col_kromka3 {
	min-width: 25em;
	max-width: 25em;
}

.OG_col_dsp_small {
	min-width: 21em;
	max-width: 21em;
}

.OG_col_hinges {
	min-width: 5em;
}

.OG_col_gabarit {
	min-width: 6em;
}

.OG_col_btns {
	min-width: 4em;
}

.OG_col_name {
	padding-left: 1em;
	/*flex-grow: 4 !important;*/
	/*flex-basis: 270px;*/
}

.OG_col_hinges span {
	font-size: small;
}

.OG_col_ttl {
	/*width:8em;*/
	font-size: 0.6em;
}

.ti_qntt {
	width: 4em;
}

.ti_size {
	width: 5em;
}

.OG_col_dsp img,
.OG_col_kromka img {
	width: 60px;
	height: 60px;
	cursor: url('../images/palette.png'), auto;
}

.OG_col_size_box>div {
	width: 30px;
	height: 30px;
	margin: auto;
	/*background-color:#eeeeee;  */
	display: flex;
	justify-content: center;
	align-items: center;
}

.OG_col_size_box>div>div {
	background-color: #55AAAA;
	border-style: solid;
	border-width: 1px;
}

/*
#OwnGrid div *:focus {
	border-style: solid;
	border-color: lime;
}
*/

.OG_kromkas_captions {
	/*font-weight: lighter; */
	font-size: x-small;
	padding-left: 7px;

	color: #000000;
	overflow-wrap: break-word;
	text-align: left;
}

.OG_kromkas_captions div {
	/*text-shadow: #444 1px 0 10px;*/
	cursor: pointer;
}

.b_edges {
	/*width : 35px;
	height: 9px;*/
	width: 44px;
	height: 44px;
	background-color: #EEEEEE;
	/*border-style: inset;*/
	border-style: solid;
	border-width: 8px;
	border-color: #FEFEFE;
	/*display: inline;*/
	/*cursor: all-scroll;*/
	cursor: url('../images/palette.png'), auto;
	/*border-image: url(https://vybor.biz.ua/content/tovar200/dsp.jpg) 60 30;*/
	/*	border-image-source: url(https://vybor.biz.ua/content/tovar200/dsp.jpg);
	border-image-slice: 60 30;*/

}

.b_right {
	border-right-color: #AAAAAA !important;
}

/* #5555BB;*/
.b_bottom {
	border-bottom-color: #AAAAAA !important;
}

/* #55CC55;*/
.b_top {
	border-top-color: #AAAAAA !important;
}

/* #55AAAA;*/
.b_left {
	border-left-color: #AAAAAA !important;
}

/* #DDDD55;*/

.e_top {
	background-color: #FFFFFF;
}

/* #55AAAA; */
.e_right {
	background-color: #FFFFFF;
}

/* #5555BB; */
.e_bottom {
	background-color: #FFFFFF;
}

/* #55CC55; */
.e_left {
	background-color: #FFFFFF;
}

/*#DDDD55;*/

.e_side {
	background-color: white;
	padding: 1px 3px;
	text-align: center;
	min-width: 1em;
	margin-bottom: 1px;
	/*//width: 1em;*/
	display: inline-block;
}

.edge_link:hover {
	text-decoration: underline;
}

.rkromka {
	width: 100px;
	height: 80px;
	display: grid;
	grid-template-columns: 15% auto 15%;
	grid-template-rows: 15% auto 15%;
}

.rtop,
.rbottom,
.rleft,
.rright {
	cursor: pointer;
	border: solid;
	border-width: 1px;
	display: table-cell;
	text-align: center;
	vertical-align: baseline;
	font-size: 12px;
}

.rkernel {
	/*width: 50px;
	height: 25px;*/
	background-color: lime;
}

.rtop,
.rbottom {
	background-color: #FFEEAA;
}

.rtop {
	background: url("../images/str.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

.rkernel {
	background: linear-gradient(135deg, #BBF 25%, transparent 25%) -30px 0, linear-gradient(225deg, #BBF 25%, transparent 25%) -30px 0, linear-gradient(315deg, #BBF 25%, transparent 25%), linear-gradient(45deg, #BBF 25%, transparent 25%);
	background-size: 15px 15px;
}

.rleft,
.rright {
	background-color: #aaa;
}

.rcorner {
	background-color: #FFFFFF;
}

/**********************************/
/*
.ifasad_interface {}
*/
.zerro_user { background-color: #FFEEAA !important; }
.self_user { background-color: #aae0ff !important; }

.ifasad_admin {
	background-color: #CCddCC;
	/* border: solid 1px #444444; */
	/* border: dashed 1px #444444; */

	font-size: small;
	line-height: 1.1em;
	border-bottom: double;
	margin-top : -5px;
}

.ifasad_admin * button {
	line-height: 18px;
}
.ifasad_admin * input {
	height: 30px;
}

.ifasad_name {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 10px;
}

/*
.ifasad_nav {}
*/

.ifasad_content {
	margin: 5px 5px;
	gap: 0.5rem;
}

.ifasad_content>div {
	padding-left: unset !important;
}

.ifasad_left {
	max-width: 320px;
	width: 320px;
}
/*
.ifasad_right {}
*/

/*********************************/
#kromka-dropdown {
	border-radius: 5px;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(186, 186, 186, 1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(186, 186, 186, 1);
	box-shadow: 10px 10px 5px 0px rgba(186, 186, 186, 1);
}

.grid-container {
	display: grid;
	grid-template-columns: 1fr 0.2fr 0.5fr 0.5fr 0.5fr 0.2fr 1fr;
	grid-template-rows: 1fr 0.2fr 0.5fr 0.5fr 0.5fr 0.2fr 1fr;
	gap: 0px 0px;

}

.dsp {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-area: 3 / 3 / 6 / 6;
	cursor: pointer;
	border: solid 1px;
}

.top {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-area: 1 / 3 / 2 / 6;
	cursor: pointer;
	border: solid 1px;
}

.bottom {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-area: 7 / 3 / 8 / 6;
	cursor: pointer;
	border: solid 1px;
}

.right {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-area: 3 / 7 / 6 / 8;
	cursor: pointer;
	border: solid 1px;
}

.left {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-area: 3 / 1 / 6 / 2;
	cursor: pointer;
	border: solid 1px;
}

.l2t {
	grid-area: 3 / 2 / 4 / 3;
}

.l2r {
	grid-area: 4 / 2 / 5 / 3;
}

.l2b {
	grid-area: 5 / 2 / 6 / 3;
}

.b2t {
	grid-area: 6 / 4 / 7 / 5;
}

.b2l {
	grid-area: 6 / 3 / 7 / 4;
}

.b2r {
	grid-area: 6 / 5 / 7 / 6;
}

.r2l {
	grid-area: 4 / 6 / 5 / 7;
}

.r2t {
	grid-area: 3 / 6 / 4 / 7;
}

.r2b {
	grid-area: 5 / 6 / 6 / 7;
}

.t2b {
	grid-area: 2 / 4 / 3 / 5;
}

.t2l {
	grid-area: 2 / 3 / 3 / 4;
}

.t2r {
	grid-area: 2 / 5 / 3 / 6;
}

.no_edge {
	background: url("/vybor_tovar200/0.jpg");
	/*background-repeat: no-repeat;*/
	/*background: url("../images/str.png");
	background-repeat: no-repeat;*/
	/*background-size:100% 100%;*/
	background-repeat: repeat;
	background-position: center center;
}

a.uk-icon-button {
	margin: 0 auto;
}

#divPreviewDSP {
	position: relative;
	width: 200px;
	/* height: 200px; */
}
#divPreviewDSP img {
	width: 200px;
	height: 50px;
	object-fit: cover;
}
#divPreviewDSP img:hover {
	height: auto;
}
/*
#divPreviewKromka {
	position: relative;
	width: 285px;
	height: 110px;
}
*/
#PreviewKromkaImg {
	width:10em;
	height:100%;
	background-color:white;
	background-repeat: no-repeat;
	background-position: center;
}

#divPreviewDSP .caption,
#divPreviewKromka .caption {
	opacity: 0.7;
	position: absolute;
	min-height: 40px;
	bottom: 0px;
	left: 0px;
	padding: 2px 0px;
	color: black;
	background: #CCCCCC;
	text-align: center;
	font-weight: bold;
}

#hinge_img,
#hinge_plate_img,
#glass_img {
	position: relative;
	min-width: 18em;
	min-height: 13em;
	/*border: solid 1px #555555;*/
}

/*#hinge_img .caption, #hinge_plate_img .caption */
#hinge_caption,
#hinge_plate_caption,
#glass_size,
#glass_caption {
	margin: 7px 0px;
	text-align: center;
	font-size: 11px;
	color: black;
	min-width: 15em;
}

.uk-icon-button {
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	border-radius: 500px;
	background: #CCCCCC;
	color: #FFFFFF;
	vertical-align: middle;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color;
}

.uk-drop {
	width: 389px;
}

.slot_kromka_dropdown {
	border-radius: 8px;
}

.hinge_input {
	/* width: 3.4em; */
	width: 70px;
	padding: 0px !important;
}

.desc_text {
	font-size: small;
}

#komplekt_list {
	display: flex;
	flex-direction: column;
	width: 80%;
}

.komplekt_row {
	/*	display: flex;
	flex-direction: row;*/
	display: grid;
	grid-template-columns: 4em 45em 8em 5rem;
	/*grid-template-columns: 0.5fr 1.5fr 0.5fr 0.5fr;*/
}

.komplekt_row>div {
	border: solid 1px #cccccc;
	margin: 2px;
}

.kromka_fasad_id {
	font-size: small;
}

.unit-caption {
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 100%;
	font-weight: bold;
}
.hcs{
	font-weight: bold;
	width: 12%;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	text-align:center;
	color:#FFFFFF;
	background-color:#717171;
	padding-right:10px;
	/* transform-origin: 20 70;
	transform: rotate(270deg); */
}

.caption-dark {
	background-color: #9E9E9E;
}

#selectKromkaDialog {
	overflow-y: auto;
}

option {
	background-color: #FFFFFF;
}

option:checked {
	background: #87AD86 linear-gradient(0deg, #87AD86 0%, #87AD86 100%);
}

.swap_hinges {
	/*cursor: ne-resize;*/
	cursor: pointer;
}

#divPreviewDSPCaption {
	min-width: 15em;
	margin: 0px 0px;
	text-align: center;
	font-size: 11px;
	color: black;
}

#divPreviewKromkaCaption0 {
	margin: 8px 0px;
	text-align: center;
	font-size: 11px;
	color: black;
	min-width: 200px;
	padding: 0px !important;
}
#divPreviewKromkaCaption0 div {
	padding: 0px !important;
}
#FasadName {
	/* max-width: 30em; */
	max-height: 28px;
	padding: 0.25em;
	color: #000000;
	/*background-color: #9E9E9E;*/
	background-color: #A8A8A8;
}

.name-lbl {
	font-size: smaller;
}

#FasadAlert {
	width: 900px;
	/*padding: 0.2em 1em ;*/
	/* min-width: 900px; */
	color: #000000;
	background-color: #9E9E9E;
	min-height: 50px;
	margin-top: -20px;
}

.uk-modal-header {
	background-color: #406C6F;
}

.uk-modal-footer {
	display: flex;
	flex-direction: row-reverse;
}

.uk-input {
	height: 30px !important;
}
.uk-input,
.uk-select,
.uk-textarea {
	padding: 0 4px;

	/*!important;*/
}

.input-mm,.input-qnt {
	display: block;
	margin-top: 1.2em;
}

.input-mm:before, .input-qnt:before {
	display: block;
	position: relative;
	color: lightgrey;
	margin-bottom: -3.2em;
	font-size: small;
}

.input-mm:before {
	content: 'мм';
	margin-left: 4em;
}
.input-qnt:before {
	content: 'шт';
	margin-left: 2em;
}

.myLiTable {
	background-color: #e0e0e0;
	border: solid 2px #cccccc;
	cursor: pointer;
	margin: 2px;
}

.myLiTable.active {
	background-color: #fafaff;
	border: solid 2px #078a9f;
	cursor: pointer;
	margin: 2px;
}

.myLiTable.highlight {
	border: solid 2px orange;
	background-color: #f0f0f0 !important;
}

.uk-accordion-title {
	padding: 5px 10px !important;
	color: white;
}

.uk-accordion-title:focus {
	color: white;
	/*font-weight: bold;*/
}

.uk-accordion-content {
	padding: 2px 2px;
}

.crossed {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><rect x='0' y='0' width='100' height='100' stroke='white' fill='grey' fill-opacity='0.5' stroke-opacity='0.8'/><path d='M100 0 L0 100 ' stroke='black' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='1' /></svg>");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%, auto;
}

#selectGlassJob option:disabled {
	background: darkgrey;
}

#selectDStartAngle option:disabled {
	background: darkgrey;
}

#selectDType option:disabled {
	background: darkgrey;
}

 option:disabled {
	background: darkgrey;
}

#selectProfileColor option:disabled {
	background: darkgrey;
	text-decoration: line-through;
}


div.drill_tbl,
div.hinge_tbl,
div.cuts_tbl,
div.cutouts_tbl {
	border-bottom: solid 1px #666666;
	font-size: small;
	 /* smaller; */

}

.edit_line {
	cursor: pointer;
}

div.drill_tbl span,
div.cuts_tbl span,
div.hinge_tbl span,
div.cutouts_tbl span {
	display: inline-block;
	min-width: 1.6em;
	text-align: center;
}

span.dxy {
	width: 3.3em;
}

span.cxy {
	width: 2.7em;
}

#addDrillingForm {
	background-color: #EEEEEE;
	border: solid 1px;
	margin-bottom: 5px;
	padding: 0px 1px 5px 1px;
	/* box-shadow: inset 0 0 7px #777; */
}

#hingetabnum, #drillingtabnum {
	background-color: #A8A8A8;
	font-weight: bold;
	margin-top: 0px;
}
#addHingeForm{
	background-color: #EEEEEE;
	border: solid 1px;
	margin-bottom: 5px;
	padding: 0px 1px 5px 1px;
}

#addADrillingForm {
	background-color: #EEEEEE;
	border: solid 1px;
	margin-bottom: 5px;
	padding: 0px 1px 5px 1px;
}

#addCutForm, #addCutoutForm, #addADrillingForm, #addDrillingForm {
	box-shadow: inset 0 0 5px #777;
}

#addADrillingForm>div {
	padding: 0px 5px 0px 5px;
	margin-bottom: 5px;
}

.form-columns {
	padding: 0px 5px 0px 5px;
	margin-bottom: 5px;
}

.ibut_simple {
	cursor: pointer;
	height: 1.5em;
	line-height: 1.2em;
	font-size:larger;
	/*text-align: center;*/
}

.ibut {
	cursor: pointer;
	height: 1.5em;
	width: 1.5em;
	line-height: 1.5em;
	text-align: center;
}

.ibut:hover {
	background-color: #FFFFFF;
	/*border-radius: 1em;*/
}

.X_drill,
.X_cut {
	cursor: pointer;
}

.X_cut:hover {
	stroke: black;
}

.pocket_class {
	stroke-width: 0.5;
}

.ttl_summ_lbl {
	position: absolute;
	/*top: 2em;*/
	/*left: 2vw;*/
	right: 3vw;
/*	background-color: #AFAFAF;
	padding: 0.5em;
	border: solid 1px #CCCCCC;*/
}

.action_buttons {
	right: 300px;
}

#ttl_0 {
	padding: 0 3px;
}

#ttl_0:before {
	content: '∑=';
}

fieldset {
	border: 1px solid #555555;
	margin: 4px 0;
}

#FasadNavs {
	/*width: 900px;*/
	max-width: 60em;
	padding-left: 0em;
	padding-right: 0.25em;
	margin: 0;
	background-color: #A8A8A8;
}

#FasadNavs a {
	margin: 0 10px;
	/*font-size: larger;*/
}

div.uk-button-default:disabled,
div.uk-button-default[disabled=disabled] {
	background-color: #9E9E9E;
	cursor: no-drop;
}

#rtt_btn {
	position: relative;
	top: -55px;
	margin-bottom: -55px;
	cursor: pointer;
	/*margin-top: -70px;
	margin-bottom: 0px;*/
}

#svg_navbar {
	position: relative;
	top: -600px;
	margin-bottom: -600px;
	width: 80px;
	height: 600px;
	/* border: 1px solid red; */
	/* text-align: left; */
	margin-left: 820px;
	/* display: none; */
}
#svg_legend {
	/* border: 1px solid lime; */
	max-height: 520px;
	overflow: auto;
	font-size: x-small;
	line-height: 1rem;
	/* height: 200px; */
}

#zoompan2 {
	/* position: relative;
	top: -90px;
	margin-bottom: -90px;
	margin-left: 820px; */
	width: 60px;
	cursor: pointer;
	/*margin-top: -70px;
	margin-bottom: 0px;*/
	text-align: right;

	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-gap: 2px;
}
#zoompan {
	position: relative;
	top: -90px;
	margin-bottom: -90px;
	margin-left: 820px;
	width: 60px;
	cursor: pointer;
	/*margin-top: -70px;
	margin-bottom: 0px;*/
	text-align: right;

	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-gap: 2px;
}

.not_implemented {
	cursor: no-drop;
}

#total_sum_line {
	font-weight: bold;
	margin-top: 0.5em;
	margin-right: 1em;
	color: #000000;
}
/*
.svg_invert {
	position: relative;
	background-image: inherit;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-filter: invert() sepia();
	color: white;
	mix-blend-mode: difference;
}
*/

.x_arrow {
	stroke:blue;
	stroke-width:0.5;
	/* fill: blue; */
	fill: none;
	/* fill-opacity:0.4; */
	/* marker-Units:userSpaceOnUse; */
}

.svg_hidden {
	display: none;
}

.svg_dd {
	display: none;
	stroke:blue;
	stroke-width: 1;
	/* stroke-width: 0.5; */
	fill:white;
}
.ddVisible{	display: block;}
.svg_dd_hover {
	cursor: pointer;
}
.svg_dd_hover:hover{
	font-weight: bolder;
}
#drl_szs {
	/* background-color: #55AAAA; */
	/* color:#00FF00; */
	font-size: 0.6em;
	padding: 0px 10px;
	margin: -3px 0 -4px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
#drl_szs div {
	margin: 0px;
	padding: 0px;
}
#drl_szs_sub {
	flex-direction: column;
	justify-content: center;
	/* flex-wrap: nowrap; */
}

#mrr_btn {
	position: relative;
	top: -630px;
	margin-bottom: -55px;
	right: -874px;
	background-color: #A8A8A8;
	cursor: pointer;
}

#mrr_btn:hover {
	background-color: #004c52;
}

.text-bold-white {
	color: #FFFFFF;
	font-weight: bolder;
}

#saveButtonSet img {
	width: 35px;
	height: 35px;
	/*	margin: 5px;
	cursor: pointer;*/
}

.div-img-button img {
	/*background-color: #A8A8A8;*/
	background-color: #868485;
	margin: 2px;
	cursor: pointer;
	width: 35px;
}

.div-img-button span {
	background-color: #FFFFFF;
}
.div-img-button div{
	width:	40px;
	height:	40px;
	background-size: cover;
	background-color: #868485;
}

.div-img-button *:hover {
	background-color: #87AD86;
}
/* .div-img-button:hover {
	background-color: #87AD86;
} */

.div-img-button {
	width: 40px;
	height:50px;
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	font-size: 0.45em;
	text-align: center;
	text-transform: uppercase;
	margin: 3px;
	cursor:pointer;
}

.div-img-button-active img {
	background-color: #004c52;
	/*color: #FFFFFF;*/
}

.div-label-button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 0.45em;
	text-align: center;
	text-transform: uppercase;
	margin: 3px;
	/*min-height: 40px;*/
}

.div-label-button span {
	/*height: 2.5em;*/
	border-radius: 0px !important;
}

p.order {
	margin: 5px 0;

}
.of_p_delivery_type, .of_p_delivery_address{
	font-size: small;

}

.order-label {
	display: inline-block;
	padding: 10px 10px;
	background: #A8A8A8;
	line-height: 1.5;
	font-size: 0.875rem;
	color: #fff;
	vertical-align: middle;
	white-space: nowrap;
	text-transform: uppercase;
}

.list_num {
	font-weight: bold;
	font-size: smaller;
}

.list_num:before {
	content: ' ';
}

.list_dt {
	font-size: x-small;
}

.list_dt:before {
	content: ' (';
}

.list_dt:after {
	content: ') ';
}

.list_name {
	font-weight: bold;
}

.list_ttl {
	font-style: italic;
}

.list_ttl:before {
	content: ' - ';
}

.list_ttl:after {
	content: '';
}

.hingeitem {
	width: 31%;
	font-size: x-small;
	padding: 8px 15px;
	background-color: #F5F5F5;
	margin: 4px;
	cursor: pointer;
	border: solid 1px #FFFFFF;
}

.hingeitem:hover {
	border: solid 1px #87AD86;
}

#tabsComponent {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	min-height: 29px;
	height: 29px;
	background-color: #F5F5F5;
	/*margin: 3px;*/
	padding: 4px;
	opacity: 0.9;
}

.tabsBefore,
.tabsAfter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #404040;
	max-height: 29px;
}

.tabsBefore div,
.tabsAfter div {
	border: solid 1px #BBBBBB;
	min-width: 22px;
	text-align: center;
	cursor: pointer;
	margin: 1px;
	padding: 2px;

}

.tabsBefore div:hover,
.tabsAfter div:hover {
	border: solid 1px #87AD86;
}

.tabsAddDropdown{
	padding:1px 0px !important;
	margin: 1px 0px !important;
	min-width: 10px !important;
}
.tabsAddDD {
	/* background-color: #CCCCCC; */
	opacity: 1 !important;
}
.tabsAddDD i {
	padding:5px;
	margin: 7px;
}

.tabsAddHingges {
	padding: 7px;
}

#BeforeTabQnt,
#AfterTabQnt {
	min-width: 35px;
	border: unset;
	cursor: unset;
}

.tabNavDisable {
	border: solid 1px #EEEEEE;
	background-color: #A9A9A9;
	color: #FFFFFF;
}

.tabNavDisable:hover {
	cursor: not-allowed;
	color: #EEEEEE;
	border: solid 1px #EEEEEE !important;
	/*border : unset !important;*/
}


#tabList {
	width: 100%;
	background-color: #ABCDEE;

	list-style-type: none;
	/*height: 30px;*/
	background-color: #FFFFFF;
	/*opacity: 0.5;*/
	margin-left: 0px !important;
	margin-right: 0px;
	margin-bottom: 0px;
	/*border-bottom: solid 2px #999;*/
	max-width: 1238px;
}

#tabList li {
	float: left;
	height: 27px;
	min-width: 100px;
	padding: 3px 15px 0px 5px;
	cursor: pointer;
	font-size: 1em;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-width: 1px;
	border-color: #999;
	border-bottom: 0px;
	border-style: solid;
	vertical-align: bottom;
	/* background-color: #565656; */
	background-color: #A8A8A8;
	color: #FFFFFF;
}

#tabList li:hover {
	background-color: #87AD86;
}

.tabname {
	max-width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#tabList li.uk-active {
	font-weight: bolder;
	background-color: #717171;
	/* background-color: #87AD86; */
	opacity: 1 !important;

}

.tab_qntt {
	font-size: x-small;
	float: right;
	cursor: pointer;
	/*	position: absolute;
	bottom: -1px;
	right: 1px;*/
	position: relative;
	bottom: 2px;
	right: -10px;
}

.tab_qntt:before {
	content: 'x';
	font-size: x-small;
}

.tab_qntt:after {
	content: '';
	font-size: x-small;
}

.tabclose {
	float: right;
	cursor: pointer;
	/*position: absolute;*/
	position: relative;
	top: 0px;
	right: -10px;
}

.tabclose:hover {
	color: #87AD86;
}

#tabsPosition {
	min-height: 10px;
	min-width: 100%;
	border: solid 1px #AAAAAA;
	background-color: #FFFFFF;
	opacity: 0.5;
}

#markerCurrent {
	background-color: #87AD86;
	border: solid 1px #0A0A0A;
	/*border-right: solid 1px #0A0A0A;*/
}

#markerBefore {
	background-image: linear-gradient(to right, #FFFFFF, #87AD86);
}

#markerAfter {
	background-image: linear-gradient(to right, #87AD86, #FFFFFF);
}

#markerBefore:hover,
#markerAfter:hover {
	cursor: e-resize;
}

#fiterDSPt {
	background-color: #e0e0e0;
	border: solid 1px #444444;
	color: black;
}

#fiterDSPt::placeholder {
	font-weight: normal;
	color: #aaaaaa;
}
.cmark {
	flex-grow: 1;
	text-align: right;
}

#PackagingListDiv {
	min-width: 30em;
	font-size: smaller;
}

#PrePackagingTotal{
	font-size: initial;
	font-weight: bold;
	text-align: right;
}

input:invalid {
	border: solid red 3px;
}

input:-moz-read-only {
	background: #999;
	cursor: not-allowed;
}
input:read-only {
	background: #999;
	cursor: not-allowed;
}


#filterKromkat {
	color: #464646;
}

.magic_price {
	height: inherit;
	background: inherit;
	-webkit-background-clip: text;
					background-clip: text;
	color: transparent;
	/*font: 900 35vmin/50vh cookie, cursive;*/
	text-align: center;
	/*filter: invert(1);*/
	/*text-shadow: .05em .05em orange;*/
	filter: invert(1) grayscale(1) contrast(9);
}

.uk-checkbox:checked {
	background-position: center;
	background-repeat: no-repeat;
}

.newproject {
	margin: 10px;
	text-align: center;
	width: 100%;
	font-weight: bolder;
	font-size: large;
}

/*.uk-notification .uk-notification-top-center,*/
 .uk-notification-message{
	background: #EDEDED !important;
	border: solid 1px #55AAAA;

	}

.LogonButton {
	cursor:  pointer !important;
}

.error_drl{
	cursor:not-allowed !important;
}
#dialogordertd {
	margin: 5px 15px 15px 15px;
}

.uk-select:not([multiple]):not([size]) {
	height: 30px;
}

#fasadNameTitle {
	padding-left: 10px;
}
.adt {
	width: 50%;
	align-self: center;
}

#whminmax {
	font-size: 11px;
	align-items: center;
}

.doorsizes {
	border-bottom :unset !important;
}
.doorsizes label {
	width : 80px !important;
	margin: 1px;
}

.doorsizes div.uk-form-controls {
	margin-left : 100px;
}

.help-badge {
	background:#7adf7a;
	cursor: help;

}

.stxt_hover {
	font-size: x-small;
}
.stxt_hover:hover {
	/* stroke-width: 2; */
	stroke: #0a0a0a;
	font-size: xx-large;
	cursor: zoom-in;
	display: block;
	/* background-color: white; */
}

/* * DOORS */
#img_door_div {
	/* max-width: auto;
	height: 500px; */
	/* max-width : 390px; */
	max-width : 356px;
	/* height : 852px; */
	height : 760px;
	position: relative;
	top: 98px;/*46px;*/
	margin: 0px auto;
}

#door_bkg {
	background: url('/doors/bg/door_tlo2_900.jpg') no-repeat #FFF;
	width: 900px;
	height: 900px;
	/* margin-top: -2em; */
}
#view_pannel {
	height : 2em;
	/* background-color: #717171; */
	background-color: #BBBBBB;
	color: #FFFFFF;
	font-weight: bolder;
}

#swap_facial , #swap_rear {
	padding: 3px;
	font-weight: bolder;
}
.swap_active {

	background-color: #87AD86;
	/* margin: 0px 5px; */
}

.bg_button {
	padding: 3px 6px;
	margin: 2px;
	border: solid 1px #BBBBBB;
	border-radius: 1px;
	cursor: pointer;
	line-height: 1.3em;
}
.bg_button:hover{
	background-color: rgba(205, 205, 205, 0.5);
}

.bg_button.active {
	font-weight: bold;
	background-color: rgba(105, 205, 105, 0.5);
}

#swap_side {
	/* width: 3em;
	height: 3em; */
	/* border: solid 1px #BBBBBB; */
	text-align: center;
	cursor: pointer;
	/* line-height: 0.3rem; */
	margin: 10px;
	width: 13em;
}

/* #swap_side span {
	font-size: x-small;
	line-height: 0.8em;
} */

#door-img-1 {
	position: relative;
		top: 0px;  /* 47px*/
		left: 2px;
		width: 350px;
		height: 760px;
}


#img_door_div:hover, #img_door_div:active {
	opacity: 1;
	/* cursor: zoom-in; */
	/* display: block; */
}

#img_door_div:hover #door-img-2, #img_door_div:active #door-img-2 {
	opacity: 1;
}

#door-img-2 {
	width: 340px;
	height: 340px;
	/* background: url('/doors/texture/0.png') no-repeat #FFF; */
	box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
	pointer-events: none;
	position: absolute;
	opacity: 0;
	border: 4px solid whitesmoke;
	z-index: 99;
	border-radius: 100%;
	display: block;
	transition: opacity .2s;

}

#door-handle {
	position:relative;
	/* top: -290px; */
	top: -372px;
	left: 44px;
	width: 55px;
	height: 27px;
	min-height: 27px;
	z-index: 50;
}
.handle_mirrored{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	left:254px !important;
}

#door-wc {
	position:relative;
	top: -360px;
	left: 48px;
	width: 20px;
	height: 20px;
	z-index: 50;
}
.wc_mirrored{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	left:287px !important;
}

#floor {
	display: none;
	/*
	margin-top: -36px;
	min-width: 100%;
	min-height: 150px;
	background-image: url("/doors/bg/1.jpg");
	background-size: 1000px 150px;
	*/
}

#divMaterialFasad div {
	padding: 4px 5px;
}

#DoorPatternF_dropdown, #DoorPatternR_dropdown {
	padding: 10px;
}
.pattern-accordion {
	width: 100%;
	margin-bottom: 0px;
}
.d_pattern_preview {
	/* margin: 5px; */
	/* padding:2px; */
	/* width: 50px; */
	width: 80px;
	/* min-height: 80px; */
	/* border: 1px solid white; */
}
.PatternName {
	font-size: smaller;
}
.d_pattern_preview:hover {
	cursor:pointer;
	border: 1px solid lightgrey;
}
#DoorPatternF, #DoorPatternR {
	cursor:pointer;
}

#DoorHandle_dropdown p, #DoorWc_dropdown p, #DoorLock_dropdown p, #DoorHinge_dropdown p, #DoorSeal_dropdown p{
	font-size: 0.8em;
	text-align: center;
	line-height: 1em;
}
#DoorHandle_dropdown, #DoorWc_dropdown, #DoorLock_dropdown , #DoorHinge_dropdown, #DoorSeal_dropdown {
	padding: 0px;
	background-color:	#CCCCCC;
}
/* .dropdown_bg {} */

.img_hinges, .img_locks, .img_handles, .img_wc {
	width: 165px;
	cursor: pointer;
	margin: 4px;
}

.img_handles > img {
	width: 165px;
	object-fit: contain;
	aspect-ratio: 212/134;
}

div.img_locks div.uk-overlay , div.img_hinges div.uk-overlay{
padding: 5px !important;
}

.div_seals {
	cursor: pointer;
}

.div_seals:hover{
	text-decoration: underline;
}

.g-descr {
	font-size: x-small;
}
.x-select-button {
	font-size: smaller !important;
	font-weight: normal;
	background-color: #EDEDED;
	white-space: nowrap; /* Текст не переносится */
	overflow: hidden; /* Обрезаем всё за пределами блока */
	text-overflow: ellipsis; /* Добавляем многоточие */
	width: 100%;
	color: #000000;
	padding: 0px;
	height: 30px;
	line-height: 2em;
}

.cool-tabs li {
	padding: 4px;
	background-color: #FFFFFF;
	border: unset;

}
.cool-tabs li a{
	color:#000 !important;
}
.accordion-content-padding {
	padding: 2px 12px;
}
.half-padding {
	padding: 2px 7px;
}

input.uk-form-width-xsmall {
	width: 60px;
}

select.uk-form-width-axis {
	width: 50px;
}

.uk-icon-button:hover {
	/* background-color: #8DAEB4; */
	background-color: #FFFFFF;
	color: #CCCCCC;
	/* color: #464646; */
}

#MaterialsMatchContainer {
	margin: 0.5em 1.5em;
}
.link-anchor {
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: -1.3em;
}


.swap_svg {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='M3.4 17V3.9c0-1.6 1-2.9 2.2-2.9h2.5'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='m1 14 2.4 3 2.3-3m7.9-13v13.1c0 1.6-1 2.9-2.2 2.9H8.9'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2' d='m16 4-2.4-3-2.3 3'/%3E%3C/svg%3E");
	background-size: contain;
	display: inline-block;
	width:13px;
	height:14px;
}

.calc-button {
	padding : 0 15px;
	width:unset;
}
.calc2buf {
	position: absolute;
	z-index: 1010;
	top: 10px;
	right: 50px;
	padding: 5px;
}

.handle-filter {
	width: 100%;
	overflow: auto;
	max-height: 440px;
}

/**/
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

.info-button  {
	width: 12px;
	height: 12px;
	border-radius: 8px;
	background-color: #000000;
}

.filter-bar {
	width: 100%;
	background-color: #406C6F;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

/* .filter-bar > div> ul.uk-subnav { */
.filter-bar * ul {
	margin-top: unset;
	margin: 4px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.filter-bar ul li {
	text-transform: capitalize;
}

#drill_repeater fieldset legend {
	font-size:inherit;
	font-weight: normal;
	margin-left: 1em;
}

fieldset {
	padding: 3px;
	border-radius: 0px;
}

.CPedge {
	border: 1px solid white;
	width: 19%;
}
.CPedge:hover {
	cursor: pointer;
	border: 1px solid grey;
}

#HingeVendorsImg div
{
	border:1px solid grey;
	width:220px;
	height:70px;
	text-align:center;
}
#HingeVendorsImg svg {
	width: 100px;
	height: auto;
}
#HingeVendorsImg span {
	font-size: smaller;
}
#profile_img{
		display: flex;
		justify-content: center;
}