body{
	margin: 0;
	font-family: Arial;
}
.dnone{
	display: none!important;
}
.js-sbit-kassa{
	
}
h1,h2{
	font-family: Arial;
	font-size: 18px;
	margin-left: 10px;
}
.hover-univ-color{
	transition:0.3s;


}

.hover-univ-color:hover{
	color:#f95505;
}
.logout-style i {
	margin-right:10px;
	color:transparent;
	transition:0.3s;
	font-size:14px!important;
}
.logout-style:hover i{
	text-shadow: 0 0 1px  #fff;
}
.page-menu-button{
	float:left;
	margin-top:10px;
}
.form_style{
	position:fixed;
	top:41px;
	left:0;
	background:#fcfbf5;
	padding:20px;
	display:none;
	z-index:10;
}
.form_style p {
	margin:0px;
	clear:both;
	
	box-sizing:border-box;
}
.inc-ajax .style-wrap-product{

border-bottom:1px solid #999;
transition:0.3s;
padding-right:300px;
position:relative;
}

#add-Product-Form{
	box-shadow:0px 5px 30px 3px #000;
}
.style-row-product{
	display:flex;

}
.inc-ajax .style-wrap-product span{
	
	padding: 10px 5px;
	
	
}
.inc-ajax .style-wrap-product:nth-child(2n){
	background:#ebebeb;
}
.inc-ajax .style-wrap-product:hover{
	background:#e6f6db;
}
.js-BTN-go-to-zakaz{
	position:absolute;
	right:0px;
	height:100%;
	display:flex;
	align-items:center;
	top:0;
	padding:0 3px!important;
}
.js-product-vozvrat{
	right:150px;
}
.js-product-vozvrat{
	cursor:pointer;
	background:#f1cbc2!important;
}

.product-active-style{
	font-size:14px;
	height:20px;
	
	background:#f1f1f1;
	color:#222;
	padding:3px!important;
	margin-left:10px;
	cursor:pointer;
}
.js-active-product_ON{
	background:rgba(0,255,144,0.2)!important;
}
.style-del-product{
	font-size:14px;
	height:20px;
	background:#222;
	color:#fff;
	padding:3px!important;
	margin-left:30px;
}
.style-del-product:hover,.product-active-style:hover{
	text-decoration:underline;
}
.product-masse-style{
	min-width:70px;
	font-size:14px;
}
.product-wrapper-style{
	font-size:14px;
	min-width:150px;
}
.js-INPUT-go-to-zakaz{
	position:absolute;
	right:70px;
	height:100%;
	top:0;
	display:flex;
	align-items:center;
	padding:0!important;
}

.q_pos_zakaz{
	margin-right:10px;
	width:60px;
	border:none;
	outline:none;
	border-bottom:1px solid #777;
	background:transparent;

}
.product-id-style{
	display:none!important;
}
.product-name-style{
	width:150px;
	border-right:1px solid #999;
}
.style-border-right{
	border-right:1px solid #999;
}
.product-description-style{
	width:350px;
}
.js-inviseble-del{
	
	max-height:0px!important;
	overflow:hidden!important;
	opacity:0!important;
}
.js-del-row-wrap{
	transition:0.5s;
	opacity:1;
	max-height:2000px;
}
.style-zakaz-btn{
	cursor:pointer;
	text-decoration:none;
	padding:0px;
	background:rgba(0,255,144,0.2);
	opacity:0.6;
	transition:0.3s;
}
.for-zakaz-inc-one-oper .style-vozvrat-title{
	background:#caf2f2 !important;
	margin:0px;
	padding: 15px 5px  5px 5px;
}
.style-zakaz-btn:hover{
	color:#000;
	text-decoration: underline;
	opacity:1;
}
.form_style h3 {
	font-size:18px;
	font-weight:300;
	margin-bottom:10px;
	position:relative;
	padding-bottom:10px;
}
.form_style h3:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:#f95505;
	opacity:0.5;
}
.form_style input, .form_style textarea, .form_style select{
	float:right;
	margin-left:10px;
}
.form_style textarea{
	margin-bottom:10px;
	resize:none;
	width:200px;
	height:55px;
	border:0px solid #999;
	background:#d8d8d8;
}
.form_style input[type='submit']{
	border:none;
	outline:none;
	background:#f95505;
	transition:0.2s;
	padding:5px 7px;
	color:#fff;
	cursor:pointer;

}
.form_style input[type='submit']:hover{
	background:rgba(0,255,144,0.5) !important;
	color:#222;
}

.style-comment-zakaz{
	font-style:italic;
	background:transparent;
	resize:none;
	width:100%;
	border:1px dotted #fff;
	//border:none;
	outline:none;
}
.style-comment-title{
	font-size:14px;
	font-style:italic;
}
/*login*/
#wrapLogin, #wrapAddUser,#wrapIDcost{
width:400px;
text-align:center;
margin:0 auto;
padding:6% 0 0;
}
.loginForm,.addUserForm, .idCostForm{
background:#fff;
padding:20px;
text-align:left;
font-family:"Arial",sans-serif;
font-weight:1;
font-size:14px;
color:#777;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);
}
.errLogin{
opacity:0;
background:#fff;
padding:7px;
font-family:Arial;
font-size:16px;
border-left:#f6212b solid 4px;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);
}
.js-class-url{
	display:none;
}
.loginForm img{
margin:10px 0 -10px 0;
}
.style-btn-submit{
	background: rgba(240,201,194,0.6)!important;
	padding:5px 0;
	height:auto!important;
	cursor:pointer;
	box-shadow:0 0 0 0 transparent!important;
	transition:0.3s;
}
.style-btn-submit:hover{
		background: rgba(240,201,194,1)!important;
}
.loginForm input,.addUserForm input, .idCostForm input{
width:100%;
height:20px;
background:#fbfbfb none repeat scroll 0 0;
border: 1px solid #ddd;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
color: #32373c;
}
.idCostForm input[type='submit']{
width:90px;
background:#f6212b;
padding:5px 10px;
border:1px solid #bf1a22;
height:auto;
border-radius:4px;
color:#fff;
font-size:13px;
cursor:pointer;
transition:0.2s;
box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
}

.idCostForm  input[type='submit']:hover{
background:#e21f28;
}
/*#login*/

/*pre-header-table panel*/
.nav_panel{
  background: #333;
}
.nav_panel span{
	display: inline-block;
	margin: 5px 10px;
	color: #fff;
	font-family: Arial;
	cursor: pointer;
	font-size: 15px;
	transition: 0.3s;
}
.nav_panel span:hover{
	color:#f96d5b;
}

/*#pre-header-table panel*/

/*table style*/
table{
	border: 1px solid gray;
	 border-spacing:0px;
	 min-width: 99%;
	 margin-left: 2px;
}
table td{
	border: 1px solid #333;
	margin: 0 ;
	padding: 4px;
	text-align: center;
	position: relative;
}
table td a{
	font-size: 14px;
	color: #333;
}
table th{
	border: 1px solid #333;
	margin: 0 ;
	padding: 4px;
}
table tr{
	transition: 0.3s;
	padding:5px 0;
}
table tr:nth-child(even){
	background: #efefef;
}
table tr:hover{
	background: #bffcf0;
}


/*#table style*/

/*sbit add client*/
.add-client-sbit{
	background: #ebebeb;
	
	transition: 0.3s;
	font-family: Arial;
}
.add-client-sbit p{
	font-size: 15px;
}
.add-client-sbit h2{
	font-family: Arial;
}
.add-client-sbit input[type="submit"]{
	background: #ff5252;
	padding: 3px 5px;
	border:1px solid #333;
	cursor: pointer;
	color:#fff;
}
.add-client-sbit input[type="radio"]{
	width: 10px!important;
	margin-right: 20px;
}
.js-edIzm{
	background: #333;
	color:#fff;
	width: 50px!important;
	padding-left: 4px;
	text-align: left;
	//border: 1px solid #333;
	height: 18px;
}
.js-float-value{
	padding:3px;
}
.style_hidde_width{
	opacity:0.4;
	max-width:0px;
	overflow:hidden;
}
.js-heide-delete{
	position:relative;
	opacity:0;
}
.js-heide-delete:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;


}
.js-visible-delete{
	opacity:1;
}
.js-visible-delete:before{
	content:'';
	position:absolute;
	display:none!important;
}
.add-client-sbit input,.add-client-sbit select{
	width: 100px;
	
	
	border: 1px solid #333;
	outline:none;
}
.js-product{
	background:#fff;
	padding:5px;
	
	width:250px!important;
}
.logout{
	float:right;
	color:#fff;
	padding: 5px;
}
.fixed{
	position: fixed;
	height: 0px;
	text-align: right;
	width: 100%;
	z-index: 200;
}
.add-client-sbit{
	position: absolute;
	z-index: 100;
	right: 1px;
	text-align: left;
	max-height:0px;
	overflow: hidden;
}
.nav_panel a{
	color: #fff;
	transition: 0.3s;
}
#js-add-client-buttom{
	width: 200px;
	cursor: default;
}
.js-add-client-sbit-button{
	cursor: pointer;
}
.current_item a{
	color: #f96d5b!important;
}
.nav_panel a:hover{
	color:#f96d5b;
}
.add-client-sbit .disable {
	display: none;
}
/*#add client sbit*/

/*sklad */
.new-items-sklad{
	width: 200px!important;
}

/*#sklad*/
/*kassa*/
.kassa_row{
	background: #f96d5b!important;
	color: #fff;
}
/*kassa*/

/*filter*/
.filter-wrap .filter{
	background:#f2f2f2; 
	display: flex;
	padding: 5px;
	font-family: Arial;
	font-size: 12px;
	align-items: center;
}
.filter-wrap .filter> span{
	display: inline-block;
	margin: 0 10px;
}
.filter_start{
	cursor: pointer;
	overflow: hidden;
	transition: 0.1s;
	border-right:1px solid #333;
	padding-right: 20px;
}
.filter_start:hover{
	color:#f96d5b;
	text-decoration: underline;
}
.filter-wrap .filter input{
	width: 30px;
	margin-left: 5px;
}

.style-filter-name{
	display:flex;
	margin-right:40px;
	align-items:center;
	justify-content: right;
	flex-grow:1;
}
.style-filter-name i {
	font-size:20px;
	margin-right:10px;
	color:#aba7ed;
}


/*cb*/
#clbElemWrap{
position:fixed;
z-index:100000000;
text-align:center;
width:100%;
overflow:hidden;
}
#clbElemWrap #aftHe{
content:'';
position:absolute;
z-index:1;
opacity:0.5;
background:#f96d5b;
top:0;
height:1%;
width:100%;
display:block;
transition:0.5s;
}
#clbElemWrap #befHe{
content:'';
position:absolute;
z-index:1;
opacity:0.5;
background:#444;
bottom:0;
height:0.1%;
width:100%;
display:block;
transition:0.5s;
}
#bgLBox{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:3;
}
#clbElemWrap #callBackBG{
background:#fff;
display:inline-block;
padding:30px;
z-index:4;
position:relative;
top:50%;
transition:1s;
opacity:0;
text-align: left;
font-family: Arial;
font-size: 14px;
}
#clbElemWrap #callBackBG .numbr-sbit-otchet{
	font-size: 16px;
}
/*#cb*/

/*#filter*/

.js-del-row{
	cursor:pointer;
}

/*hamburger nav left*/
.main-nav-hamburger{
  float: left;
  height: 20px;
  color: #20ab00;
  font-size: 18px;
  cursor: pointer;
  padding:10px!important;
  border-right: 1px solid #20ab00;
  transition:0.3s;
  position: relative;
}
.main-nav-hamburger:hover{
  background:#20ab00;
  color: #222;
}
.main-nav-hamburger:hover .hamburger-hover-menu-wrap{
  min-height:calc(100vh - 40px);
}
.hamburger-hover-menu-wrap{
  position: absolute;
  left: 0;
  top: 100%;
  background:#333;
  max-height: 0px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 100;
}
.hamburger-hover-menu-wrap ul{
  margin: 0;
  padding: 0;
}
.hamburger-hover-menu-wrap li{
  border-bottom:1px solid #fff;
}
.hamburger-hover-menu-wrap li a{
padding: 10px 20px 10px 10px;
display: inline-block;
transition: 0.3s;
width: 100%;
font-size: 14px;
text-decoration: none;
}
.hamburger-hover-menu-wrap .current_item a{
  color:#20ab00;
}
.hamburger-hover-menu-wrap li a:hover{
  color:#20ab00;
  transform: translateX(10px);
}
.helperNav{
margin-bottom:20px;
background:#2f2e2e ;
font-size: 14px;
}
.helperNav span, .helperNav a{
color:#eee;
font-family:Arial;
font-weight:100;
}
 .helperNav span a{
  padding: 10px 5px;
  display:inline-block;
 }
.helperNav:after{
content:'';
clear:both;
width:1px;
height:1px;
display:block;
}
.helperNav span{
display:inline-block;
margin: 0 10px;
text-decoration:underline;
Cursor:pointer;
}
.fright{
float:right;
}
.helperNav>a{
margin: 0 10px;
}
.logout-style{
	margin-top:10px!important;
	text-decoration:none;
}
/*#hamurger nav left*/


/*zakaz-list*/

.js-zakaz-LIST-wrap{
	padding:10px;
	background:#c2d7f0;
}
.right_two_td{
	position:absolute;
	right:80px;
	height:100%;
	top:0;
	display:flex;
	align-items:center;
	padding:0!important;
}
.right_first_td{
	position:absolute;
	right:0px;
	height:100%;
	display:flex;
	align-items:center;
	top:0;
	padding:0 3px!important;
}
.style-zakaz-inp-rdy{
	width:50px;
	border:1px solid red;
	font-size:18px;
}
.style-row:hover{
	background:#e6f6db;
}
.style-zakaz-one{
	position:relative;
	padding-right:200px;
}
.style-zakaz-inp-rdy{
	border:none;
	outline:none;
	background:transparent;
	border-bottom:1px solid #fff;
}
.style-del-list-zakaz-row{
	margin-right:10px;
	background:#222;
	color:#fff;
	cursor:pointer;
	padding:0 10px!important;
	box-shadow: 0 0px 0 2px #c2d7f0;
	

}
.style-del-list-zakaz-row:hover{
	color:#eebeb4;
}
.zakaz-padding{
	padding:10px;
	border-bottom:1px solid #999;
}
.style-list-btn-zakaz{
	display:inline-block;
	margin-top:30px;
	font-size:14px;
	padding:5px 15px;
	transition:1s;
	display:none;
}
.style-list-btn-zakaz:hover{
	text-decoration:underline;
}
.js-prepare-zakaz{
	background:rgba(234,209,148,0.5);
	cursor:pointer;
}
.style-zakaz4ik-list{
	margin-top:30px;
	width:95%;
}
.style-zakaz4ik-list input{
	background:transparent;
	border:none;
	border-bottom:1px solid #fff;
	width:90%;
	margin-left:10px;
}
.js-send-zakaz{
	background:rgba(170,236,175,0.7);
	cursor:pointer;
}
.js-status-zakaz{
	background:rgba(255,255,255,0.7);
	
	margin-left:5px;
	transition:0.5s 2s;
	opacity:0;
}
.js-status-zakaz__ACTIVE{
	opacity:1;
}
.js-open-close-zayavka{
	cursor:pointer;
	display:inline-block;
	font-weight:100;
	margin-left:10px;
	padding:5px 10px;
	background:#f8f2e7;
	color:#000;
}
.js-open-close-zayavka__CLOSE{
	background:#e6f6db;
}
.js-open-close-zayavka:hover{
	background:#e6f6db;
}
.js-zakaz-LIST-wrap__CLOSED{
	max-height:0px;
	
	padding-bottom:0px!important;
	overflow:hidden;
}
.js-prep-fo-send__ACTIVE{
	z-index:11!important;
}
.js-send-zakaz{
	position:relative;
	z-index:-1;
}
/*#zakaz-list*/
/*operator*/
.row_rdy_zakaz{
	border-bottom:1px solid #999;
	clear:both;
}
.row_rdy_zakaz span{
	display:inline-block;
 padding:10px 4px;
}
.inc-ajax .row_rdy_zakaz:nth-child(2n){
	background:#ebebeb;
}
.inc-ajax .row_rdy_zakaz:hover{
	background:#e6f6db;
}
.style-rdy-zakaz-adress{
	width:370px;
}
.js-watch-zakaz{
	cursor:pointer;
	display:inline-block;
	font-weight:100;
	margin-left:10px;
	padding:5px 10px;
	background:#f8f2e7;
	color:#000;
}
.js-watch-zakaz:hover{
	background:#fff;

}
.js-watch-zakaz{
	padding:10px 10px!important;

}
.icons-style-row{
	font-size:20px;
	color:#bfbfbf;
	cursor:pointer;
	padding:8px 2px!important;
	margin:0 10px;
}
/* */
.row_rdy_zakaz .icons-style-row-vozvrat{
	font-size:14px;
	color:rgb(234,149,150);
	cursor:pointer;
	padding:8px 2px!important;
	margin:0 10px;
	display:none;
}
.style-del-product{
	cursor:pointer;
}
.style-send-text{
	margin-left:20px;
	margin-right:10px;
	text-transform:lowercase;
}
.style-send-text:hover{
	text-decoration:underline;
	cursor:pointer;
}
.for-zakaz-inc-one-oper{
	width:100%;
}
.for-zakaz-inc-one-oper .style-zakaz-inp-rdy{
	border-bottom:1px solid transparent;
	position:relative;
}
.for-zakaz-inc-one-oper .right_two_td:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:-1;
}
.js-zakaz-LIST-wrap .js-comment-prepare{
	transition:0.3s;
	//opacity:0;
}
.js-can-redact-sclad-inp .right_two_td:after{
	content:'';
	z-index:-1!important;
}
.for-zakaz-inc-one-oper *{
	border:none!important;

}
.for-zakaz-inc-one-oper>div{
	background:#caf2f2!important;
}
.for-zakaz-inc-one-oper .style-row:hover{

}
.js-wrap-zakaz-telo{
	max-height:0px;
	overflow:hidden;
}
.js-wrap-zakaz-telo__ACTIVE{
	max-height:none!important;
}
.js-open-telo__ACTIVE{
	background:#7fb1e9;
}
.js-open-telo__ACTIVE:hover{
	background:#7fb1e9!important;
}
.style-doc.js-bool-ACIVE{
	color:rgba(17,214,128,0.6)!important;
}
.style-eys.js-bool-ACIVE{
	color:rgba(232,193,100,0.8)!important;
}

/*#operator*/

/*filter*/
.filer-style{
	padding:5px;
	margin:0px;

}
.filer-style input{
	border:none;
	outline:none;
	border-bottom:1px solid #999;
	width:400px;
}
.filer-style .js-one-point-rdy_btn{
	display:inline-block;
	margin-left:10px;
	text-transform:lowercase;
	padding:5px 5px;
	background:#f8f2e7;
	transition:0.3s;
	cursor:pointer;
}
.filer-style .js-one-point-rdy_btn:hover{
	background:#e6f6db;
}

.style-cpmpany-filter-wrap{
	padding:10px;
	position:relative;
	
}
.wrap-filter-head{
	display:flex;
	background:rgba(255,200,99,0.3);
	width:100%;
	border-bottom:1px solid #999;
	position:relative;
}
.style-comp-2{
	padding-right:20px;
	border-right:1px solid #999;
}
.style-adress-filter{
	width:400px;
	height:46px;
	resize:none;
	
}
.js-clear-filter-textarea{
	padding:0 15px;
	display:inline-block;
	line-height:36px;
	margin-left:10px;
	
	cursor:pointer;
	position:absolute;
	left:100%;
	margin-top:7px;
	transition:0.3s;
	background:#e6f6db;
	color:#999;
}
.js-clear-filter-textarea:hover{
	background:#fff;
	color:#000;
}
.js-filter-company-inp{

}
.js-FILTER-block_OFF{
	display:none!important;
}


.js-search-textarea{
	padding:0 15px;
	display:inline-block;
	line-height:36px;
	margin-left:10px;
	
	cursor:pointer;
	position:absolute;
	left:100%;
	margin-top:5px;
	transition:0.3s;
	background:#e6f6db;
	color:#999;
}
.js-sklad_ot4et__ACTIVE{
	max-height:none!important;
	box-shadow:0 15px 50px 0px #000;
}
.js-search-textarea:hover{
	background:#fff;
	color:#000;
}
.js-get-active-ot4et{
	font-size:20px;
	align-self:center;
	margin-right:20px;
	color:#75a9e8;
	cursor:pointer;
	/*
	position:absolute;
	right:20px;
	top:calc(50% - 9px);
	
	
	
	transition:0.3s;
	padding:0 5px;
	*/
}
.js-get-active-ot4et:hover{
	color:rgba(233,127,174,1);
}

.js-block-ot4et-wrap{
	background:#f9faee;
	position:absolute;
	top:100%;
	left:0px;
	max-height:0px;
	overflow:hidden;
	width:100%;
	z-index:1000;
}
.js-name-product-ot4et{
	display:inline-block;
	width:700px;
}
.js-row-ot4et{
	padding:10px 5px;
}
.js-block-ot4et-wrap .js-row-ot4et:nth-child(2n){
	background:#c2d7f0;
}
/*#filter*/


/*печать*/
.js-class-prepare-for-pechat__ACTIVE{
	color:#ec5633!important;
}


/*#печать*/
/*manual*/
.s-manual-menu-wrap{
	padding:10px;

}
.s-manual-menu-wrap li a{
	color:#222;
	transition:0.3s;
	line-height:30px;
}
.s-manual-menu-wrap li a:hover{
	color:#75a3e9;
}
.block-manual img{
max-width:50%;
margin-bottom:75px;
margin-top:5px;
}
.block-manual{
	margin-top:30px;
	padding:10px 10px 30px 10px;
	background:rgb(191,217,240);
}

/*#manual*/