:root{
	--rowRedLight:#FDD7D8;
	--hoverScheduleColor:#db564c;
	--hoverScheduleColorLight:#F58980;
	--scheduleBorderGeneralColor:#6d7784;
	--scheduleGeneralColor:#C4C4C4;
	--scheduleGeneralColorLight:#E1E1E1;/*#E1E1E1*/
	--cellHoverBackgroundColor:#d5e6ff;
	--dragableContainerBackgroundColor:#edf1f5;
	--bodyBgrColor:#edf1f5;
}
body{
	margin:0px;
	/*font-family:Calibri, Verdana, Tahoma, sans-serif;*/
	margin:0px;
	padding:0px;
}
.forma{
	text-align:center;
	margin-top:150px;
}
#main > #basicContent > a > h1{
	font-size:22px;
	color:#555;
	text-align:center;
	margin:0px auto 20px auto;
}

.select_80{
	width:80%;
	border-radius:2px;
	border: 1px solid #e5e5e5;
	margin:10px;
	box-sizing:border-box;
}
#content{
	padding:0px 20px 30px 20px;
}

/* Кнопка логін*/
.button_login {
    margin: 10px auto;
    text-decoration: none;
    font: 1.5em calibri; /* Изменяйте em для масштабирования кнопки */
    display: inline-block;
    text-align: center;
    color: #999;
    cursor:pointer;
    border: 1px solid #9c9c9c; /* Запасной стиль */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

.button_login, .button_login{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button_login{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;
    
    /* Фоновый паттерн */
    
	
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    /* Настройки паттерна */
    
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
}
.button_login_processing{
background: url(../images/ajax_loading_med.gif) no-repeat center center;
background-color:#f0f0f0;
padding: 0.5em 3em;
}

.button_login:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button_login:active  {
    /* Опускаем на 1px при нажатии */
    position: relative;
    top: 1px;
}

/* END Кнопка логін*/

/* Кнопка вихід */
.button_logout{
  text-align:right;
  position:absolute;
  right:30px;
  top:8px;
}
.button15{
	cursor:pointer;
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: 0.5em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
  
}
.button15 span{
	position:relative;
	top:-3px;
	color:#333;
}
.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}
.button_1 {
background: #e3e3e3;
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333 !important;
font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
line-height: 1;
padding: 8px 11px 9px;
text-align: center;
text-shadow: 0 1px 0 #fff;
cursor:pointer;
 }
.button_1:hover {
background: #d9d9d9;
-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
box-shadow: inset 0 0 1px 1px #eaeaea;
color: #222;
cursor: pointer; }
.button_1:active {
background: #d0d0d0;
-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;
color: #000; }

/* Кнопка вихід */
.password{
	border-radius:3px;
	padding: 3px 7px;
	margin:4px 0px 30px 0px;
	font-size:22px;
	background-color:#F0F7FF;
	text-align:center;
	width:250px;
	box-sizing:border-box;
}
a, a:visited, #mySidenav .menuBlock{
	color:#1687F8;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
.menuBlock img{
	vertical-align: top;
}
#menu{
	/*height:1000px;
	overflow:hidden;*/
	width: 180px;
	overflow: hidden;
}
#menu div{
	margin:0px;
	padding:0px 4px 0px 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	vertical-align: top;
}
#menu div .link{
	width:91%;
	display:inline-block;
	padding:0px 0px 0px 5px;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
}
#menu div:hover{
	background-color: #c9e2ec;
	border-bottom:1px solid rgba(0,0,0,0.1);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.7);
}
#menu div:hover .iconka{
	opacity:1;
}
.iconka{
	position:relative;
	left:-4px;
	top:3px;
	opacity:0.6;
	transition:0.1s;
}
.menu_activ{
	background-color:#B6CEAA;
}
#menu .group{
	display:block;
	padding:15px 5px 5px 5px;
	color:#555;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#new_kat{
	display:inline;
	background-color: #EEE;
	border: 1px solid #CCC;
	padding:4px;
	border-radius:3px;
}
#new_kat input[type=text]{
	border:0px;
	border-radius:2px;
}
.activ_us, .no_activ_us{
	width:200px;
	padding:10px 0px 10px 10px;
}
.activ_us{
	background-color:#FFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	border-radius:2px;
}
.no_activ_us{
	background-color:#eee;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}
#us_table a:hover{
	text-decoration:underline;
}
.us_editor{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	padding:20px;
}
.lang_linku{
	margin:auto 2px 20px 2px;
}
.block{
	display:block;
}
.marg1{
	margin-top:10px;
}
body,html{
	height:100%;
}
.us_editor h1{
	color:#333;
}
.img_link_new_tab{
	opacity:0.5;
	margin-top:8px;
}
.img_link{
	opacity:0;
	transition:0.2s;
	margin-top:8px;
}
.punkt:hover .img_link{
	opacity:0.5;
	/*filter: brightness(0%); */
}
.punkt:hover .link:hover{
	border-bottom:none !important;
}
.center_div{
	
	
}
.comm_block{
	width:650px;
background: #F1F1F1 none repeat scroll 0% 0%;
padding: 20px;
border: 1px solid #ADAA9F;
border-radius: 4px;
margin: 0px auto 1.2em;
z-index:1000;
}
.text_pole{
width: 100%;
box-sizing: border-box;
border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
border-style: solid;
border-width: 1px;
padding: 5px;
font-size: 16px;
color: #666;
margin-bottom:10px;
}
.valid_button{
	margin-top:10px;
border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
border-style: solid;
border-width: 1px;
padding: 5px;
font-size: 16px;
color: #666;
width: 100%;
cursor:pointer;
}
.text_arr{
	font-family: Arial,Tahoma,Helvetica,sans-serif;
    font-size: 110%;
    padding: 0.6em 0.5em 0.7em;
	color:#222;
    border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    resize: none;
    width: 100%;
}
.ker_ob_zap{
	margin-bottom:100px;
}
.ker_ob_zap h2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	color:#333;
	font-size:20px;
	margin-top:50px;
}
.ker_ob_zap input[type="text"]{
	border: 1px solid #c3cbd4;
	padding:2px 4px;
}
.ker_ob_zap .p_r{
	text-align:right;
}
.ker_ob_zap td{
	padding:3px 8px;
}
.marg_top{
	margin-top:15px;
	color:#222;
}




.valid_block{
	background-attachment: scroll;
	background-image: url(/images/tick_circle.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}
.pidkladka_for_q_valid{
	background-color:#069;
	position:absolute;
	width:3000px;
	height:3000px;
	overflow:hidden;
	top:0px;
	left:0px;
	z-index:1;
	display:none;
}
.z_2{
	z-index:2;
}

.go_button{
	width:690px;
	margin:50px auto 100px auto;
	font-weight: 700;
color: #FFF;
text-decoration: none;
padding: 0.8em 1em calc(0.8em + 3px);
border-radius: 3px;

background: #40C781 none repeat scroll 0% 0%;
box-shadow: 0px -3px #35A76E inset;
transition: all 0.2s ease 0s;
display:block;
}
.linki{margin-top:5px; display:block; font-size:12px;}
.linki a{cursor:pointer;
}
#name_site{
	position:absolute;
	left:20px;
	top:10px;
	font-size:1em;
}
#name_site a:hover{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #039;
}
.q_count{
	border-radius:20px;
	background-color:#FF373D;
	color:#fff;
	padding:auto 4px;
}
#content{
	background-image: url(data:image/png;base64,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);
	background-repeat: no-repeat;
	background-position: left top;	
}
.dobavutu_button{
	margin-bottom:10px;
}
.fs_btn{
	font-size:9px;
}
.tabl_header td, .viddil_div{
	color:#3C88D5;
	padding-bottom:10px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}
.viddil_div{
	text-align:center;
	margin-top:50px;
}
.r_linia{
	padding-right:15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5E5;
}
.vert_marg{
	margin:3px auto;
	width: calc(100% - 30px) !important;
}
#log_elements, #log_elements:hover, #log_elements div:hover{
	border-bottom-style:none !important;
	box-shadow:none !important;
	background-color:#e1f1f4 !important;
}
#log_div{
	height:37px;
	display:block;
}
#log_div:hover{
	background-color:#e1f1f4 !important;
}
	
#log_elements{
	display:inline-block;
	position:relative;
	top:3px;
}
#log_elements div{
	padding:5px 10px;
	display:inline-block;
	border-bottom:none;
}
#log_elements .active{
	box-shadow: inset 0px 0px 10px 1px #c9e2ec, 0px 0px 1px 1px #c9e2ec;
}

#log_elements div:hover{
	cursor: pointer;
	box-shadow: inset 1px 2px 8px 13px;
}
#log_elements div:hover img{
	box-shadow:0px 0px 0px 12px #c9e2ec !important;
}
#indukator{
	color:#9F9F9F;
	font-size:25px;
	margin-left:5px;
	float:left;
}
#seach_langs{
	display:block;
	width:100%;
	margin:10px 0px;
	box-sizing:border-box;
	padding:5px;
	border:solid 1px #ccc;
	border-radius:2px;
}
.empty_komirka_vizual{
	background-color: #ff9d9c !important;
}

.q_count{
	border-radius:20px;
	background-color:#FF373D;
	color:#fff;
	padding:auto 4px;
}
.inp_date{
	width:80px;
	text-align:center;
}
.f_filters{
	display:inline-block;
	border:1px solid #d9ecf0;
	background-color:#f7f7f7;
	border-radius:2px;
	vertical-align:top;
	margin-bottom: 15px;
}
.f_filters2{
	display:inline-block;
	border:1px solid #d9ecf0;
	background-color:#fff;
	border-radius:2px;
	vertical-align:top;
}
.f_filters2 legend{
	border-radius:3px;
	padding:1px 6px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.f_filters2 legend, .f_filters2 legend b{
	background-color:#EAF2FB !important;
}
/* To TOP*/
#to_top{
	position: fixed;
	margin-left: 0px;
	top: 0px;
	height:1600px;
	display:none;
}
#to_top div{
 -webkit-transition: 0.2s;
 -moz-transition: 0.2s;
transition: 0.2s;
padding-top:16px;
padding-left:10px;
padding-right:10px;
font-family:Tahoma;
font-size:11px;
font-weight: bold;
height:1600px;
opacity: 0.5;
}
#to_top div:hover{
 opacity: 1;
 box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); /* Параметры тени */
 background-color:#e1ecf4;
}
#to_top a {
 color:#86aed9;
 display: block;
 text-align: center;
 text-decoration: none;
 -webkit-transition: 0.1s;
 -moz-transition: 0.1s;
 transition: 0.1s;
}

#to_top a:hover {
 color: #45688e;
}
#to_top span{
	font-size:18px;
}
/* END To TOP*/
#ajax_save{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:252px;
    height:252px;
	display:none;
}

.dtreeCatalog, .dtreeCatalog a {
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    color: var(--bs-blue);/*#007FD4*/
    text-decoration: none;
    line-height: normal;
}
.roz_color a{
	color:#555 !important;
}
.roz_color a:hover{
	text-decoration:underline !important;
}
.dtree a.nodeSel{
	color:#07609C !important;
}
.type_div{
	padding-top:0px;
	padding-bottom:0px;
	overflow:hidden;
	/*height:20px;*/
	display:none;
	position:absolute;
	background-color:#FFFFFF;
	left:-10px;
	right:-10px;
	top:20px;
	border:solid 1px #777;
	border-radius:5px;
	box-shadow: 0px 0px 21px -3px rgba(0,0,0,0.81);
	z-index:1000;
}
.types_label{
	display:block;
	padding:7px 0px 7px 10px;
	border-radius:0px;
	text-align:left;
}
.types_label:hover{
	background-color:#9bc4f2;
}

a.button7 {
			  font-weight: 700;
			  color: white;
			  text-decoration: none;
			  padding: .8em 1em calc(.8em + 3px);
			  border-radius: 3px;
			  background: rgb(64,199,129);
			  box-shadow: 0 -3px rgb(53,167,110) inset;
			  transition: 0.2s;
			} 
			a.button7:hover { background: rgb(53, 167, 110); }
			a.button7:active {
			  background: rgb(33,147,90);
			  box-shadow: 0 3px rgb(33,147,90) inset;
			}
.logs_elements{
	display: inline-block;
	padding:2px 5px;
	cursor: pointer;
}
.logs_elements img{
	filter: grayscale(100%);
}
.logs_elements img.active{
	filter: grayscale(0%) !important;
}
.sorting_image{
	width:16px;
}
.searchTableInput{
	border-bottom:1px solid #dadada;
	border-top: none;
	border-left:none;
	border-right: none;
	padding: 0.5em 0.5em;
	margin-left: 35px;
	width: 180px;
}
.searchTableInput:focus{
	outline-width:0px;
}

.sortableList{
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
.sortableList li{
	color:#B8B8B8;
	background-color: #e6effb;
	margin-bottom: 3px;
	padding:2px 5px 2px 5px;
	border-radius: 2px;
}
.sortableList li span{
	color:#111;
}
.closeLeftMenu{
	cursor: pointer;
	float: right;
	width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
	margin-right:8px;
	position:relative;
	top:15px;
  line-height: 18px;  /* подробнее про line-height */
  text-align: center;  /* выравнять текст по середине по горизонтали */
}
.closeLeftMenu:hover{
	background-color: #a4d1fc;
}
#OpenLeftMenu span{
	display:none;
}
#OpenLeftMenu{
	position:absolute;
}
#OpenLeftMenu:hover{
	width: 200px;
	border-radius: 5px;
	text-align: left;
	padding-left: 10px;
	
}
#OpenLeftMenu:hover span{
	display:inline;
}
fieldset{
	border:solid 1px #8db3e3;
	border-radius:2px;
	background-color: #fff;
}
fieldset legend{
	font-size: 14px;
	float: none;
	width: inherit;
	margin-bottom: 0px;
	border-radius:3px;
	border:solid 1px #8db3e3;
	padding:1px 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f9fe+21,deecfd+42,deecfd+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f5f9fe 21%, #deecfd 42%, #deecfd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f9fe 21%,#deecfd 42%,#deecfd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f5f9fe 21%,#deecfd 42%,#deecfd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#deecfd',GradientType=0 ); /* IE6-9 */
}

#short_message{
	position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto;
	padding: 1px 10px 1px 10px;
	width: 90%;
	background-color: #f9edbe;
	/*border:solid 1px #e3bf00;*/
	box-shadow: 1px 2px 1px rgba(0,0,0,0.2);
	border-radius: 3px;
	text-align: center;
	display: none;
	font-weight: bold;
	color: #424242;
	z-index: 1000;
}

.specificationsElement{
	border:1px solid #99bbe8;
	padding:2px 5px;
	background-color: #dbe7f7;
	border-radius: 2px;
	margin-bottom: 3px;
}
.specificationsElement img{
	margin-top:2px;	
	cursor: pointer;
	float:right;
	width:9px;
}
.line-height-1{
	line-height:1;
}
.spComment{
	display:block;
	font-size:10px; color:#555; padding-left:5px; margin-top:1px;
}
#bottomOperations{
	margin:20px 0px 0px 25px;
}
.elementMgBottom{
	margin-bottom: 25px;
}
.elementMgLeft{
	margin-left:35px;
}
.elementMgRight{
	margin-right:35px;
}

#search_table{
	margin-bottom: 25px;
}

/*Нове ліве меню*/
/* Боковое навигационное меню */
.sidenav {
height: 100%; /* 100% Full-height */
width: 35px; /* 0 ширина - изменить это с помощью JavaScript */
position: fixed; /* Оставайтесь на месте */
z-index: 9999; /* Оставайтесь сверху */
top: 0; /* Оставайтесь наверху */
left: 0;
background-color: #f0f8ff; /* Фон черный*/
overflow-x: hidden; /* Отключить горизонтальную прокрутку */
padding-top: 0px; /* Поместите контент в 60px сверху */
transition: 0.5s; /* 0.5 второй эффект перехода слайда в боковой навигации */
scrollbar-width: none;
	border-right: solid 1px #f0f8ff;
	
}
.sidenavOpacityBlock{
	height: 100%; /* 100% Full-height */
	width: 35px;
	position: fixed;
	z-index: 2;
}
.sidenav:hover{
	box-shadow: 4px 0px 15px -3px #C1C1C1;
	border-right: solid 1px #ccc;
}
.sidenav .menuIcon{
	opacity: 0.6;
}
.sidenav:hover .menuIcon{
	opacity: 1;
}
.sidenav *{
	white-space:nowrap;
}
.logsBlock, .normalHideBlock{
	opacity: 0;
	transition: 0.5s;
}
.sidenav:hover .logsBlock, .sidenav:hover .normalHideBlock{
	opacity: 1;
}
/* Ссылки меню навигации */

/* Положение и стиль кнопки закрытия (верхний правый угол) */
.sidenav .closebtn {
position: absolute;
top: 0;
right: 15px;
font-size: 36px;
margin-left: 50px;
	line-height: 35px;
	display: none;
}
/* Стиль содержимого страницы - используйте это, если вы хотите сдвинуть содержимое страницы вправо при открытии боковой навигации */

#main {
transition: margin-left .5s;
padding:10px 20px 10px 50px;
}
@media (max-width: 991px) {
	#main {
		padding:10px 0px 10px 0px;
	}
}
/* На экранах меньшего размера, где высота меньше 450px, измените стиль sidenav (меньше отступов и меньший размер шрифта) */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

.menuGroup{
	border-bottom:solid 1px #ccc;
	margin-top:20px;
	padding-left: 3px;
	color:#333;
}
.menuBlock{
	margin-top:1px;
	border-bottom:solid 1px #ccc;
	cursor: pointer;
}
.menuBlock:hover{
	background-color: #c9e2ec;
}
.menuBlock .open_new_window_self{
	opacity: 0;
}
.menuBlock:hover .open_new_window_self, .menuBlock .open_new_window_blank{
	opacity: 0.5;
}
.menuGrid {
  display: grid;
  grid-template-columns: minmax(190px, 190px) minmax(20px, max-content);
}
.menuGrid a{
	display: block;
	padding: 5px 0px;
}
.menuGrid img{
	margin-left: 10px;
	margin-right: 5px;
	position: relative;
	top:2px;
}
/*END Нове ліве меню*/

/*КаталогТовари*/
#CatalogInputSearch{
	width:100%;
	border-top:none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #a4a7aa;
	background-color: inherit;
	background: url("/plugins/bootstrap/icons/search.svg") no-repeat left center;
	padding-left: 20px;
}
#CatalogInputSearch:focus{
	outline: none;
}
#CatalogProductsRow{
	background-color: #edf1f5;
}
#CatalogProductsRow .dtreeCatalog{
	background-color: white;
	padding: 10px;
}
#CatalogProductsRow #catalogHeder, .catalogHeder{
	padding: 5px 10px;
}
#CatalogProductsRow #CPContainer{
	background-color: white;
}
#CatalogProductsRow .foldersLeftMenu, #CatalogProductsRow  .foldersLeftMenu a{
	color:#BDBDBD !important;
	font-size:11px !important;
}
#CatalogProductsRow .foldersLeftMenu a:hover{
		color:#8A99C8 !important;
}
#CatalogProductsRow .subFolders{
	box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.1);
	border:solid 1px var(--bs-gray-400);
	border-radius: 3px;
	margin:10px 0px;
	background-color: #f4f8ff;
	color:var(--bs-blue);
}
#CatalogProductsRow .subFolders:hover{
	background-color: #EDF0F7;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
#CatalogProductsRow .subFolders > div{
	padding: 4px 0px;
}
#CatalogProductsRow .folderOptions{
	border-radius: 50%;
	height: 20px;
	width: 20px;
	display: inline-block;
	line-height: 20px;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	margin-right: 2px;
	color:var(--bs-gray);
}
#CatalogProductsRow .folderOptions:hover{
	border-radius: 50%;
	background-color:var(--scheduleGeneralColor);
}
#CatalogProductsRow .createFolder{
	background-color: white;
	opacity: .7;
	color:var(--bs-gray-600);
}
#CatalogProductsRow .createFolder:hover{
	opacity: 1;
	color:var(--bs-blue);
}
#CatalogProductsRow .mlatr{
	margin-left:20px;
}
#CatalogProductsRow .productsTable tbody tr:hover, .HoverRowBgColor tbody tr:hover{
	background-color: var(--cellHoverBackgroundColor);
}
.productPicture{
	border-radius:1px;
	width: 30px;
	height: 30px;
}
/*КІН КаталогТовари*/
.borderNone{
	border:none;
}
.narrowTextInput{
	width:54px;
}

/*Стилі для drag контейнера який можна совати, використовується в складських документах та РМ Торгівля*/
	.drag-container {
		background-color: var(--dragableContainerBackgroundColor);
	  display: flex;
	 height: calc(100vh - 60px);
	}
	#drag-left-content{
		
		
	}
	.panel-one {
	  width: 0%;
	margin-right: 10px;
		overflow-y: auto;
	}
	.panel-two {
	  flex: 1;
	 /* width: calc(100% - 35px);*/
		padding-left: 10px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.dragbar {
		position: relative;
	  padding: 1px;
	  cursor: col-resize;
	  background-color: #B8B8B8;
	}
	.dragbar > i{
		position: absolute;
		top:48vh;
		left:-5px;
		font-size: 8px;
		border-radius: 50%;
		height: 14px;
		width: 14px;
		line-height: 14px;
		background-color: #B8B8B8;
		color:white;
		text-align: center;
	}
	.dtreeCatalog{
		
	}
	@media (max-width: 1024px) {
		
		.drag-container{
			flex-direction: column;
			height: calc(100vh - 120px);
		}
		.panel-one, .panel-two {
			width: 100% !important;
			padding: 0px;
			flex:1;
		}
		.dragbar{
			display: none;
		}
	}
	@media (max-width: 768px) {
		.containerCloseElement{
			display:inline-block;
			position:absolute;
			right:5px;
		}
	}
/*КІНЕЦЬ Стилі для drag контейнера який можна совати, використовується в складських документах та РМ Торгівля*/
.documentTrashIcon{
	color:var(--bs-gray-500);
	cursor: pointer;
}
.documentTrashIcon:hover{
	color:var(--bs-danger);
}

.show768{
	display: none;
}
@media screen and (max-width:768px){
	.hide768{
		display:none;
	}
	.show768{
	display: block;
	}
	.searchElement{
		width: 80px;
	}
	.elementMgLeft{
		margin-left: 20px;
	}
}
.mobSearchButton {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: solid 1px #1d81c4;
  outline: none;
  font-size: 16px;
  background-color: inherit;
  padding: 2px 10px;
  color: black;
  margin-right: 20px;
}

/* модифікація стилів моб меню*/
.mobileMenuContainer .list-group-item{
	padding-top:0px;
	padding-bottom:0px;
}
.mobileMenuContainer .list-group-item >a{
	padding-top:15px;
	padding-bottom:15px;
	font-size:110%;
}
.mobileMenuContainer .list-group-item:hover{
	background-color: var(--cellHoverBackgroundColor);
}
/* END модифікація стилів моб меню*/
.font-70, .syperSmallGreyText{
	font-size:70%;
}
.font-80, .smallGreyText{
	font-size:80%;
}


#input-buffer{/*використовується для визначення і встановлення довжини в інпутах за допомогою js*/
    position: absolute;
    top: -1000px;
    left: -1000px;
    visibility: hidden;
    white-space: nowrap;
}

.button-add {
	padding: 0;
	border: none;
	font-size: 25px;
	color:white;
	cursor: pointer;
	height: 50px;
	width: 50px;
	line-height: 50px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
	0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	background-color: var(--bs-success);
	border-radius: 50%;
	position: fixed;
	bottom:35px;
	right:35px;
	opacity:0.5;
}
.button-add-left{
	right:auto;
	left:35px;
}

/*ПОСИЛКИ*/
.mobileParceContainer{
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #e2e3e5;
	user-select: none;
}
/*КІН ПОСИЛКИ*/