@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(http://fonts.gstatic.com/s/cuprum/v7/wZFcXoYCGA2FK2-RHk5PHQ.woff2) format('woff2'), url(http://fonts.gstatic.com/s/cuprum/v7/wHBEZCjwNI3HN2fD1RQJgw.woff) format('woff');
}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(http://fonts.gstatic.com/s/cuprum/v7/n3IzcUkIerri6e9sz7DgbltXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/cuprum/v7/n3IzcUkIerri6e9sz7Dgbj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 400;
  src: local('Cuprum Italic'), local('Cuprum-Italic'), url(http://fonts.gstatic.com/s/cuprum/v7/eMlDd9JwnvIQuJvJDnS1Z_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/cuprum/v7/qeKnzn2Grxyt-04Hf-FrNvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 700;
  src: local('Cuprum Bold Italic'), local('Cuprum-BoldItalic'), url(http://fonts.gstatic.com/s/cuprum/v7/qoCTdBYim27O_DVk90C7-RLwxQbNcFnuWuPk3YnjToI.woff2) format('woff2'), url(http://fonts.gstatic.com/s/cuprum/v7/qoCTdBYim27O_DVk90C7-WOb2gHztoQeulij-1lvl-8.woff) format('woff');
}
body{
font-family:Arial;
margin:0;
}
h1{
text-align:center;
font-family:Arial;
}

.dnone_b{
  display:none!important;
}
.dnone{
  display:none;
}
.js-href-recalc__no{
  display:none;
}
.s-total-cost__blocked{
  position:relative;
}
.s-total-cost__blocked:before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
}

/*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;

}
.style-exit-btn{
  display:inline-block;
  margin-top:8px!important;
  color:#fff;
  transition:0.3s;
}
.style-exit-btn:hover{
text-decoration:none;
}
.main-nav-hamburger:hover{
  background:#20ab00;
  color: #222;
}
.main-nav-hamburger:hover .hamburger-hover-menu-wrap{
  min-height:calc(100vh - 40px);
  display:block;
}
.hamburger-hover-menu-wrap{
  position: absolute;
  left: 0;
  top: 100%;
  background:#333;
  max-height: 0px;
 display:none;
  white-space: nowrap;
  z-index: 100;
  min-width:200px;
}
.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;
}
.js-menu-parent-title{
  padding: 10px 10px 10px 20px;
  display: inline-block;
  transition: 0.3s;
  width: 100%;
  font-size: 14px;
  text-decoration: none!important;
  text-indent:10px;
  margin-left:0px!important;
  position:relative;
  z-index:2;
}
#js-hamb-ul .style-alert-icon{
  display:none;
  float:right;
  color:#e87d72!important;
  padding-right:40px;
}
.hamburger-hover-menu-wrap .current_item a{
  color:#85e89f!important;
}
.hamburger-hover-menu-wrap li a:hover{
  color:#85e89f;
  transform: translateX(10px);
}
.js-menu-have-child{
  position:relative;

  
}
.js-menu-have-child ul{
  position:absolute;
  left:100%;
  top:0px;
  background:#555;
  
}
.js-menu-have-child ul li{
  list-style-type:none;
}

.js-menu-have-child i {
    transition:0.5s;
  position:absolute;
 left: 5px;
 top:10px;
  color:#fff;
}
.js-menu-have-child__ACTIVE{
  color:#85e89f;
   transition:0.5s;
}
.js-menu-have-child__ACTIVE i{
  transform:rotate(-90deg);
  transition:0.5s;
  color:#85e89f!important;
}

.js-menu-parent-title:hover{
  color:#85e89f;
}
.js-menu-have-child:hover i {
  color:#85e89f;
}

.js-menu-have-child ul{
  display:none;
}
.js-menu-have-child__ACTIVE ul{
  display:block!important;
}

/*#hamurger nav left*/

body > table tr{
 // border:1px solid #000;
}

#addClienButtom{
  display:none!important;
}
.js-show_vipolnen{
  background:#03d139!important;
}

.reklamBut{
  padding: 5px 10px;
  margin-top:5px!important;
}
.maxWidth0{
  overflow:hidden;
  max-width: 0px;
  padding: 0px!important;
  border: 0px!important;
}

#zakaz_table{
width:99%;
 border-spacing:0px;
 margin: 0 3px;
 box-sizing:border-box;
 background:#fff;

}
.clear{
 clear:both;
}
.go-to-calc{
  padding:0;
  text-align:center;
}
.go-to-calc i{
 padding: 10px;
 font-size: 20px;
 color:#e83530;
}
#zakaz_table tr:nth-child(2n){
  background:rgba(238,238,238,0.5);
 
}
#zakaz_table th{
padding: 0 3px;
background:#e83530;
color:#fff;


font-family:Arial;
font-size: 13px;
font-weight:normal;
border:1px solid #222;
}

.js-color-zakazactive__slow .s-date-adj{
  background:#eeaeb3;
}
#zakaz_table td{
min-height:50px;
font-family:Cuprum;
font-size:14px;
position:relative;
padding-left:4px;
font-weight:200;
}
#zakaz_table tr{
height:50px;
}
#zakaz_table td .changeTable{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#redactSaldoWrap{
display:none;
}
#zakaz_table td .changeCost{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}

#redactTehWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#zakaz_table td .changeAdress{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}

.opla4en, .neopla4en{
position:absolute;
top:0;
left:0;
font-size:12px;
text-align:center;
width:100%;
cursor:pointer;
}
.opla4en{
background:green;
color:#fff;
}
.neopla4en{
background:#f96d5b;
}



#redactTehWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactAdressWrap textarea{
width:100%;
}
#redactAdressWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#zakaz_table td .changeOtkuda{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#redactOtkudaWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}

#zakaz_table td .changeTime{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#redactTimeWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#zakaz_table td .changeSum{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeSumRaschet{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#redactSumWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#zakaz_table td .changeAdj{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#redactAdjWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#zakaz_table td .changeAdjment{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeAvans{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
.s-block-enter-val{
  display:flex;
  align-items:center;
}
.s-block-enter-val input{
  width:80%!important;
}
.s-block-enter-val i{
  color:#999;
  font-size:26px;
  margin-right:5px;

}

#zakaz_table td .changeLastpay{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeLastpay i{
color:#fff;
font-size:8px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeZamer i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changePhone{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changePhone i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeProduct{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeProduct i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeDateAdj{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeDateAdj i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeNumPili{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeNumPili i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeOplata{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeOplata i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeCredit{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeCredit i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeTransport{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeTransport i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changePayAdjuster{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changePayAdjuster i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeDostavka{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeDostavka i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changePribil{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changePribil i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#zakaz_table td .changeTehOplata{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeTehOplata i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}




#redactTehOplataWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactPribilWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactDostavkaWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactTransportWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactPayAdjusterWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactCreditWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactOplataWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactDateAdjWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactNumPiliWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactProductWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactPhoneWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactZamerWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactAdjmentWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactcostWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactAvansWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactLastpayWrap{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
.fixTop{
position:fixed;
top:0;
right:0;
background:#f1f1f1;
border-left:4px solid #03d139;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);

}
.fixTop>div{
width:400px;
}
.padModul{
padding:20px;
}
.padModul input, .padModul select{
  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;
    height: 30px;
    width: 100%;

}
.padModul input[type='submit']{
margin-top:20px;
width:auto;
background:#f6212b;
padding:5px 5px;
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);
}
#addUserFormWrap p,#addUserFormWrap2 p,#addUserFormWrap3 p,#addUserFormWrap4 p {
color:#23282d;
font-family:Arial;
font-weight:100;
font-size:14px;
clear:both;
}
.padModul h3{
color:#23282d;
font-family:Arial;
font-weight:100;
margin:0;
font-size:14px;
clear:both;
}
#addUserFormWrap,#addUserFormWrap2,#addUserFormWrap5{
max-height:0px;
overflow:hidden;
transition:1s;
}
#addUserFormWrap5 textarea{
width:100%;
resize:none;
}
.closeForm{
cursor:pointer;
float:right;
font-size:20px;
}
.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;
color:#fff;
}
.helperNav span span:hover{
  text-decoration:none;
}
.page_btn_nav{
  padding-top:10px;
  display:inline-block;
}
.fright{
float:right;
}
.helperNav>a{
margin: 0 10px;
}
.page_btn_nav{

}
/*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{
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);
}
.loginForm img{
margin:10px 0 -10px 0;
}
.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;
}
.loginForm input[type='submit'],.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);
}
.loginForm input[type='submit']:hover,.idCostForm  input[type='submit']:hover{
background:#e21f28;
}
.addUserForm input[type='submit']{
width:120px;
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);
}
.addUserForm select{
width:100%;
height:24px;
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;
margin:0 2px;
}
#filterWrap{
padding-left:10px;
font-family:Arial;
font-weight:100;
margin-left:10px;
}
.addUserForm input[type='checkbox']{
  width: auto;
padding-top: 3px;
}
input[type=checkbox]:checked ~ .lignWrap {
   display: none;
}
#filterWrap form, #filterWrap input{
display:inline-block;

}
/*Итого*/
#totalTable td{
border:none;
}
#totalTable #totalCostAll, #totalTable #totalSumAll{
border:2px solid #000;
}
/*Редактирование пользователей*/

.oneBlockRedact{
padding:5px;
margin:5px;
border-bottom:1px solid red;
}
.blockName{
border-right:1px solid red;
}
.oneBlockRedact>div{
display:inline-block;
width:200px;
}
.redUsBottom{
cursor:pointer;
color:orange;
}
/*кнопки в таблице красные или зеленые, изменения данных замеров*/

#zakaz_table td .changeZamerZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#redactZamerWrapZamer,#redactPhoneWrapZamer,#redactOtkudaWrapZamer,#redactDopWrapZamer,#redactProductWrapZamer,#redactTehWrapZamer,#addUserFormWrap3,#addUserFormWrap4,#redactZamerWrapPerezv,#redactZamerWrapPerezv2,#redactTimeWrapPerezv,#redactAdressWrapPerezv,#redactPhoneWrapPerezv,#redactOtkudaWrapPerezv,#redactDopWrapPerezv,#redactProductWrapPerezv{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactTimeWrapZamer{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#redactAdressWrapZamer textarea,#redactAdressWrapPerezv textarea{
width:100%;
}
#redactAdressWrapZamer{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
#zakaz_table td .changeTimeZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeDopZamer{
position: absolute;
height:10px;
width:10px;
background:#dad200;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeAdressZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changePhoneZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeOtkudaZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeOtkudaZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeProductZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeTableZamer{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}

/*#кнопки в таблице красные или зеленые, изменения данных замеров*/
#zakaz_table td .changeZamerPerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeDatePerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeZamerPerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeTimePerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeAdressPerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changePhonePerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeOtkudaPerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeDopPerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;

}
#zakaz_table td .changeProductPerezv{
position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
.otkaz-active,.otkaz-zamer{
  text-align:center;
}
.otkaz-active{
  display:none;
}
.otkaz-active i,.otkaz-zamer i{
  color:#f96d5b;
  transition:0.3s;
}
.otkaz-active a:hover i,.otkaz-zamer a:hover i{
  color:#333;
}
/*universale changer*/
#js-universChanger{
position:relative;
overflow:hidden;
max-height:0px;
transition:1s;
}
.js-change-button{
  position: absolute;
height:10px;
width:10px;
background:#f96d5b;
bottom:0px;
right:0px;
cursor:pointer;
}
/*#universale changer*/

.phone-width-td{
white-space:nowrap;
max-width: 110px;
}
.js-double-aliace{
  overflow:hidden;
  display: block;
  max-height:0px;
  padding: 0px;

}
.style-hidden-opacity{
  opacity:0;
}
#zakaz_table{
  border:0px solid #000;
}
.td_icons{
  border:0px solid #000;
  text-align:center;
  padding:0px!important;  
}
.td_icons i{
  font-size:20px;
  cursor:pointer;
  
  transition:0.3s;
   color:#999;
}

.td_icons i:hover{
  color:#e97988;
}
/*кнопка удаления*/
.un-style-icon{
    
  
  transition:0.3s;
   color:#999;
   padding:0 3px;
   text-align:center;
}
.un-style-icon i{
  font-size:18px;
}
.un-style-icon span{
  cursor:pointer;
}
.un-style-icon i:hover{
  color:#e97988;
}

.js-remove-tr__START{
  transition:0.5s;
  position:relative;
  z-index:-1;
}
#zakaz_table tr{
  max-height:100px;
  opacity:1;
}
.style-text-btn{
  cursor:pointer;
  color:#43adea;
}







/*############кнопка удаления*/


/*info block*/
.style-info-block{
 background:#f6f6f6;
  padding:10px;
  margin-top:30px;
}
.s-ib-name {
  display:inline-block;
  padding:0 40px 0 0;
  width: 400px;
}
.s-ib-wrap{
  border-bottom:1px dotted #000;
}
.operacii-wrap{
  background:#fff;

}
.o-elem{
    padding:5px;
    margin-top:10px;
    display:flex;
}
.o-el-descr{
  width:600px;
  border-right:1px solid #000;
  display:inline-block;

}
.s-icon-wrap-nb{
  margin:0 30px;
}
.s-o-name{
  width:200px;
  display:inline-block;
  margin-left:5px;
}
.s-icon-wrap-nb i {
  display:none;
}
.s-icon-nalbeznal1 #s-oparacii-nal{
  display:inline-block;
  color:#e8a77c;
}
.s-icon-nalbeznal2 #s-oparacii-beznal{
  display:inline-block;
  color:#49b2e8;
}
.s-icon-nalbeznal3{
  padding-left:18px;
}
.s-o-color-1{
  background:rgba(124,232,169,0.5);
}

.s-o-color-2{
  background:rgb(95,185,233);
  color:#fff;
}
.s-o-color-2  i{
 color:#fff!important;
}

.s-o-color-3{
  background:rgb(235,238,176);
  color:#222;
}
/*выплата сотрудникам */
.s-o-color-4{
  background:#64e4e8;
}
.s-o-color-5{
  background:#7e35eb;
  color:#fff;
}
/*добавление расходов*/
.s-o-color-6{
  background:#efb9ea;

}
.s-o-color-6  i{
 color:#fff!important;
}
/*заказ выполнен*/
.s-o-color-7{
  background:#9bebdd;

}
.s-o-color-7  i{
 color:#555!important;
}

/*оплата аренды*/
.s-o-color-8{
  background:#ecaab4;
}
.s-o-color-8  i{
 color:#555!important;
}
/*контекст*/
.s-o-color-9{
  background:#d0ae13;
  color:#000;
}
.s-o-color-9  i{
 color:#555!important;
}
.s-o-color-10{
  background:#631465;
  color:#fff;
}
.s-o-color-10  i{
 color:#fff!important;
}

/*перевод по счетам*/
.s-o-color-25{
  background:#bfeff0;
}
/*перевод по счетам*/
.s-o-color-26{
  background:#e4e4e4;
}
/*#info block*/
.s-icon-on-row{
  margin-left:10px;
  cursor:pointer;
}



/*valuta*/
.js-valuta-descr__inp{
  display:none;
}

/**********************************modal window*/
.js-modal-wrap__ACTIVE{
 width:100%!important;
  }
.js-modal-wrap{
  position:fixed;
  top:0px;
  left:0px;
  height:100vh;
  max-height:100vh;
  overflow:hidden;
  width:0px;
  z-index:100000;
  transition:0.3s;
}
.js-close-modal{
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  background:#000;
  opacity:0.3;
}
.js-modal-wrap{
  display:flex;
  align-items:center;
  justify-content: center;
}
.s-modal-core{
  position:relative;
  z-index:1000;
  background:#fff;
}
.js-inc-modal-wrap{
  background:#fff;
  position:relative;
  z-index:3;
  padding:10px;
  transition: 1s;
}
.js-inc-modal-wrap input[type='submit']{
  background:#e83530;
  padding:5px 12px;
  cursor:pointer;
  border:none;
  outline:none;
  color:#fff;
  transition:0.3s;
}
.js-inc-modal-wrap input[type='submit']:hover{
  background:#55cd5b;
}

.js-inc-modal-wrap h2{

  margin:5px 0 10px 0 ;
  font-size:20px;
  border-bottom:1px solid #000;
  font-weight:normal;
  text-align:center;
}
.js-inc-modal-wrap input{
  background:RGBA(225, 222, 213, 0.6);
  border:none;
  outline:none;
  height:30px;
  line-height:14px;
  font-size:14px;
  padding-left:3px;
  width:300px;
}

.js-inc-modal-wrap textarea{
  background:RGBA(225, 222, 213, 0.6);
  border:none;
  outline:none;
  padding-left:3px;
  width:300px;
}
.s-form-not-found{
 text-align:center;
  text-transform:uppercase;
}
.s-form-not-found i{
  font-size:40px;
  color:#222;
  display:inline-block;
  margin-bottom:10px;
}
.js-nal-beznal-modal-btn{
  width:0px!important;
  overflow:hidden;
  position:relative;
  z-index:-1;
  opacity:0;

}
.s-modal-core label{
  cursor:pointer;
}
.s-modal-core label i {
  font-size:26px;
  color:#999;
  transition:0.3s;
}
.s-modal-core label i:hover{
  color:#222;
}
.s-modal-core input:checked+i{
  color:#222;
}
.s-date-oparacii{
  padding-right:20px;
  border-right:1px solid #222;
}
.o-el-descr{
  padding:0 10px;
}



/*#################### modal window*/

/*блок стилизации типа платежа*/

.s-block-type-payment label{
  cursor:pointer;
}
.s-block-type-payment label i {
  font-size:26px;
  color:#999;
  transition:0.3s;
}
.s-block-type-payment label i:hover{
  color:#222;
}
.s-block-type-payment input:checked+i{
  color:#222;
}

/*#########################блок стилизации типа платежа*/


.js-bool-btn{
  cursor:pointer;
}
.s-btn-icon-in-table{

}
.s-btn-icon-in-table0{

}
.s-btn-icon-in-table1{
  color:red;
}



/*сотрудники*/
.js-payment-icon{
  display:inline-block;
  margin-left:10px;
  cursor:pointer;
  color:#222;
  
}


/*стилизация вывода нала и безнала в ячейках*/

.s-row-double-pay{
  display:inline-block;
  white-space:nowrap;

}
.s-row-double-pay i {
  margin-right:10px;
  color:#666;
}
/*прочая стилизация связанная ч иконками в таблице*/
.js-pay-sebest-icon{
  cursor:pointer;
  transition:0.3s;
}
.js-pay-sebest-icon:hover{
  color:#aeeebc;
}
.s_paymeny1 .fa-piggy-bank{
 color:#aeeebc; 
}
.s_paymeny2 .fa-credit-card{
 color:#aeeebc; 
}
.s_paymeny2 .changeCost,.s_paymeny1 .changeCost{
  display:none!important;
}
.s_paymeny2:after{
  position:absolute;
  content:'';
  width:90%;
  bottom:0px;
  height:50%;
  
  z-indexc:4;
  left:0px;
}

.s_paymeny1:before{
  position:absolute;
  content:'';
  width:90%;
  top:0px;
  height:50%;
 
  z-indexc:4;
  left:0px;
}
/*##############################################*/
.js-saldo-in-form{
  background:#fff;
  display:inline-block;
  padding:5px;
  font-size:18px;
}

/*параметры компании*/
.js-grap-num{
  display:inline-block;
  position:relative;
  min-width:70px;
 
}
.js-progressbar{
  position:relative;
  display:inline-block;
  width:200px;
  height:10px;
  background:RGBA(0,0,0,0.5);
}
.js-progressbar__value{
  position:absolute;
  left:0;
  top:0;
  height:10px;
  width:0px;
  background:#94eab3;
}

/*preadjuster*/
.js-preadjuster__init-form-btn{
  position:absolute;
  left:0px;
  bottom:0px;
  cursor:pointer;
  color:#444;
  font-size:12px;
  padding:1px 1px 0px 2px;
}
.js-preadjuster__init-form-btn__ACTIVE{
  color:#03d139!important;
}
.s-one-sbors4ik__modal{
  display:flex;
  justify-content:left;
  align-items:center;
}
.s-one-sbors4ik__modal input{
  width:auto!important;
}
.s-sbors4ik-modal__val{
  margin-left:20px;
}
.js-modal-sbors4ik_wrap_inner{
  padding:10px 5px;
  background:#fefefc;
  font-size:12px;
  border-bottom:1px dotted #222;
  margin-bottom:5px;
}
/*############################*/


/*параметры расходов компании*/
.wrap-stats-block-2{
  //background:#eee;
  min-height:200px;
  padding:10px;
  border-top:1px dotted  #000;
}
.s-block-all-values{
  display:grid;

}
.s-block-all-value__ONE span{
   padding:10px;
}
.s-bav_icons{
  font-size:16px;
  display:inline-block;
 
  background:#fff;
  margin-right:10px;
}
.wrap-stats-block-2 .s-block-all-value__ONE:nth-child(2n){
  background:#eee!important;
}
.wrap-stats-block-2 .s-block-all-value__ONE:nth-child(2n) .s-bav_icons {
  background:#eee!important;
  color:#000;
}
.s-block-all-value__ONE{
  display:grid;
  
  grid-template-columns: 0.3fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.s-block-all-value__ONE__TITLE{
  font-weight:bold;
  background:#444;
  color:#fff;

}

#s-pribil-param{
  background:#9bebdd!important;
}

#s-pribil-param .s-bav_icons{
  background:#9bebdd!important;
}

#s-pribil-param_total{
  background:#dcf2ca!important;
}

#s-pribil-param_total .s-bav_icons{
  background:#dcf2ca!important;
}

#s-pribil-param-finale{
  background:#efc0b9!important;
  margin-bottom:20px;
}

#s-pribil-param-finale .s-bav_icons{
  background:#efc0b9!important;
}

.wrap-stats-block-2{
  margin-bottom:20px;
}




/*####   параметры расходов компании*/

/*кнопка изменения расходов*/
.s-sum-rashody{
  display:inline-block;
  min-width:100px;
  border-right:1px solid #fff;
  margin-right:4px;
}
.s-rashody-icon i{
  color:#d7f3d1!important;
}
.s-rashody-icon i:hover{
  color:#fff!important;
}
.s-rashody-icon{
  cursor:pointer;

}



/*#########кнопка изменения расходов*/