
@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{
background:#f1f1f1;
margin:0;
}


#zakaz_table{
width:99%;
 border-spacing:0px;
 margin: 0 8px;
 box-sizing:border-box;
 background:#fff;
}
.clear{
 clear:both;
}

#zakaz_table th{
border:2px solid #000;
background:#eee;
}
#zakaz_table td{
min-height:50px;
font-family:Cuprum;
font-size:14px;
position:relative;
padding-left:4px;
}
#zakaz_table tr{
height:50px;
}
#zakaz_table td .changeTable{
position: absolute;
height:10px;
width:10px;
background:red;
bottom:0px;
right:0px;
cursor:pointer;
}
#redactSaldoWrap{
display:none;
}
#zakaz_table td .changeCost{
position: absolute;
height:10px;
width:10px;
background:red;
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:red;
bottom:0px;
right:0px;
cursor:pointer;
}

#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 .changeSum{
position: absolute;
height:10px;
width:10px;
background:red;
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:red;
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:red;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeAvans{
position: absolute;
height:10px;
width:10px;
background:red;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeLastpay{
position: absolute;
height:10px;
width:10px;
background:red;
bottom:0px;
right:0px;
cursor:pointer;
}
#zakaz_table td .changeLastpay i{
color:#fff;
font-size:10px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#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;
}
.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 {
color:#23282d;
font-family:Open Sans;
font-weight:100;
font-size:14px;
clear:both;
}
.padModul h3{
color:#23282d;
font-family:Open Sans;
font-weight:100;
margin:0;
font-size:14px;
clear:both;
}
#addUserFormWrap{
max-height:0px;
overflow:hidden;
transition:1s;
}

.closeForm{
cursor:pointer;
float:right;
font-size:20px;
}
.helperNav{
margin-bottom:20px;
background:#2f2e2e ;
padding:10px;
}
.helperNav span, .helperNav a{
color:#eee;
font-family:Open Sans;
font-weight:100;
}
.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;
}
/*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:"Open Sans",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:Open Sans;
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:Open Sans;
font-weight:100;
margin-left:10px;
}
#filterWrap form, #filterWrap input{
display:inline-block;

}
/*Итого*/
#totalTable td{
border:none;
}
#totalTable #totalCostAll, #totalTable #totalSumAll{
border:2px solid #000;
}
