@font-face {
  font-family: rouble; /* Гарнитура шрифта */
  src: url(/fonts/rouble.ttf);
  src: url(/fonts/rouble.otf);
 }
body {
font: normal 1em Arial;
}
.rouble{
 font-family: rouble;
}
table {
width: calc(100% - 5px);
border-spacing: 0;
border-collapse: collapse;
background: #fff;
margin: 2.5px 2.5px 25px 2.5px;
}

table tr:nth-of-type(1) {
/*font-weight: 700;*/
white-space: nowrap;
}

tr td:nth-of-type(n+4) {
white-space: nowrap;
}

#historyList table .list {
cursor: pointer;
color:black;
}

#historyList table .list:hover {
background: #9cf;
}
#historyList2 table .list {
cursor: pointer;
color:black;
}

#historyList2 table .list:hover {
background: #9cf;
}

table .cash {
background: #9f9;
}

table .card {
background: #99f;
display: table-row;

}

table .fixUrl {
background: #f9f;
}

table .smena {
background: #369;
color: #fff;
}

table .smena td {
border-color: #000 !important;
}

.print+#set {
display: none;
}

#set {
display: block;
position: absolute;
width: 30px;
height: 30px;
top: calc(50% - 15px);
left: -25px;
background: #FF5300;
box-shadow: 0 0 5px 1px #000;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
transition: all 0.4s ease;
}

#set:hover {
left: 0px;
}

#set div {
position: relative;
float: left;
display: block;
width: 20px;
height: 20px;
padding: 5px;
color: #fff;
font-size: 700;
cursor: pointer;
}

#wrapper {
position: absolute;
top: 0;
height: 90%;
}

.basic {
width: 100%;
left: 0;
}

.print {
width: 100%;
left: 0;
margin: 0;
}

.print #wrapMenu,
.print #wrapServ,
.print #wrapChekContrl {
display: none;
}

#wrapMenu {
width: calc(50% - 20px);
  position: absolute;
  top: 10px;
  left: 10px;
}

.menu {
position: relative;
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 0 10px 0;
}

.menu div {
display: none;
}

#m1 div {
display: block;
}

.butn,
.box {
position: relative;
float: left;
padding: 0 5px;
margin: 2.5px;
box-sizing: border-box;
text-align: center;
line-height: 40px;
transition: all ease 0.3s;
}
.box {
border: none;
color:#fff;
background: #369;
border-radius: 4px;
}
.butn:hover{
    background: #ff941a;
    color: black;
}

.butn {
  cursor: pointer;
  background: #fafafa;
  color: #202124;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
#chekId{
color: #202124;
}

.sel {
background: #95b8dc !important;
color: #484848 !important;
}

.box2 {
position: relative;
float: left;
padding: 0 5px;
margin: 2.5px;
box-sizing: border-box;
text-align: center;
line-height: 40px;
transition: all ease 0.3s;
}
.box2 {
border: none;
color:#fff;
background: #5d6969;
border-radius: 4px;
}


.menu div {
flex-grow: 1;
min-width: 50px;
}

input {
width: 100%;
text-align: center;
font-size: 1.25em;
line-height: 23px;
margin: 5px 0;
box-sizing: border-box;
border-radius: 2px;
  border: 0;
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
  color: #484848;
}

#wrapServ {
width: calc(50% - 20px);
  position: absolute;
  bottom: 10px;
  left: 10px;
}

#wrapServ div {
width: calc(33.33% - 5px);
}

/*#butChekAdd,
#butSave {
background: #59b264;
  color: #fff;
      box-shadow: 0 0 3px rgba(0,0,0,0.1);
      border: 1px solid #59b264;
}*/

#wrapServ .hide {
height: 0;
overflow: hidden;
padding: 0;
border: 0;
margin: 0;
}



#wrapDebily {
/*border: solid 2px #000; */
  position: absolute;
  /* top: 50%; */
  /* left: 50%; */
  height: 100px;
  width: calc(38% - 20px);
  /* margin: -202px -402px; */
  /* background: #fff; */
  z-index: 1000;
  right: 200px;
  bottom: 250px;

}

#wrapDebily div {
  height: 76px;
  margin: 5px;
}

.infoCheckSave{
display: none;
}



#wrapDebily p,
#wrapDebily a,
#wrapDebily h1 {
padding: 1.25em;
  font-size: 1.2em;
  color: #FFF;

}

#wrapDebily.hide {
display: none;
}

#infoCheckSave {
position: absolute;
  text-align: center;
  top: -54px;
  background: #59b264;
  padding: 0 10px;
  border-radius: 5px;
  left: 0;
  color: #fff;
  width: calc(100% - 19px);
}
#wrapAdmChek.hide {
display: none;
}

#wrapAdmChek.show {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 800px;
border: solid 5px #333;
box-sizing: border-box;
z-index: 10;
}

#wrapAdmChek table {
width: 100%;
margin: 0;
}

#wrapChekContrl {
  width: calc(50% - 20px);
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#wrapChekContrl>div {
width: calc(33.33% - 5px);
}

#chekId {
background: #fff;
}

#butSkid.span .skidInputs {
display: none;
}

#butSkid.inp .skidName {
display: none;
}

input.skidInputs {
width: 30%;
}

span.skidInputs {
font-weight: bold;
}

#historyList {
display: block;
position: absolute;
bottom: 180px;
right: 3px;
height: calc(60vh - 95px);
background: #fff;
overflow-y: scroll;
border: solid 1px #000;
box-sizing: border-box;
min-width: 400px;
}

#historyList.hide {
display: none;
}

#historyList table td {
border: solid 1px #666;
padding: 5px 2px;
text-align: center;
}


#historyList2 {
display: block;
position: absolute;
bottom: 150px;
right: 3px;
height: calc(80vh - 95px);
background: #fff;
overflow-y: scroll;
border: solid 1px #000;
box-sizing: border-box;
min-width: 400px;
}

#historyList2.hide {
display: none;
}

#historyList2 table td {
border: solid 1px #666;
padding: 5px 2px;
text-align: center;
}
/*
.basic #wrapChek {
width: calc(50% - 20px);
position: absolute;
top: 10px;
right: 10px;
max-height: 80%;
overflow-y: auto;
}

*/
/*
.print #wrapChek {
width: 100%;
position: relative;
float: left;
font: normal 1em Calibri;
}
*/
#wrapChek table td {
border: solid 1px #666;
padding: 5px;
color: black;
}

#wrapSchetHead table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
text-align: left;
}

#wrapSchetHead table td {
padding: 0.125em 0.5em;
}

#wrapSchetHead table th {
font-weight: 600;
padding: 0.125em 0.5em;
}

.tb td,
.tb th {
border: solid 1px #333;
}

h1 {
font-size: 1.34em;
padding: 0;
margin: 0;
line-height: 1.5em;
clear: both;
}

hr {
border: solid 1px #000;
clear: both;
}




#wrapSchetHead {
display: none;
}

#wrapTovarchekNalHead,
#wrapTovarchekNalFoot,
#wrapTovarchekBeznalHead,
#wrapTovarchekBeznalFoot {
display: none;
}

.prn1 #wrapTovarchekNalHead,
.prn1 #wrapTovarchekNalFoot {
display: block !important;
font: normal 1em Calibri;
}

.prn2 #wrapTovarchekBeznalHead,
.prn2 #wrapTovarchekBeznalFoot {
display: block !important;
font: normal 1em Calibri;
}

.print .chekItog {
display: none;
}


.right {
text-align: right;
}

.wide td {
padding: 5px;
}

.center {
text-align: center;
}

.large {
font-size: 1.1em;
line-height: 1.5em;
}

.small {
font-size: 0.9em;
line-height: 1em;
}