html, body{
margin: 0px;
padding: 0px;
font-size: 14px;
height: 100%;
width: 100%;
font-family: arial;
overflow-x: hidden;
overflow-y: auto;

}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}




div::-webkit-scrollbar {
  width: 0px;
}


hr{
line-height: 1px;
background: gray;
}


.poshederdiv{
position: fixed;
bottom: 0px;
left: 0px;
height: 45px;
width: 100%;
background: #777777;
color: white;
}


.hedertable{
margin: 0px;
padding: 0px;
}


.posmenbtn{
bottom: 2px;
height: 39px;
line-height: 39px;
width: 150px;
background: #777777;
color: white;
border: 1px solid white;
text-align: center;
cursor: pointer;
}

.posmenbtn:hover{
color:black;
background: white;
}




.posmenbtnactive{
bottom: 2px;
height: 39px;
line-height: 39px;
width: 150px;
color:black;
background: white;
border: 1px solid white;
text-align: center;
cursor: pointer;
}


.simbtn{
height: 39px;
line-height: 39px;
width: 150px;
background: #777777;
color: white;
border: 1px solid white;
text-align: center;
cursor: pointer;
}




.txtbox{
width: 95%;
border: 1px solid gray;
height: 25px;
font-size: inherit;
}

.popuptxtbox{
width: 45%;
border: 1px solid gray;
height: 25px;
font-size: inherit;
}


.authbtn{
width: calc(95% + 6px);
height: 45px;
border: 1px solid green;
background: transparent;
color: green;
cursor: pointer;
}

.posexit{
position: fixed;
right: 3px;
bottom: 0px;
font-size: 14px;
}


.posclient{
margin-top: 2px;
margin-left: 5px;
position: fixed;
top: 0px;
left: 0px;
height: calc(100% - 45px);
width: 12%;
border-right: 1px solid gray;
overflow: hidden;
overflow-y: auto;
}


.posmaindiv{
margin-top: 0px;
margin-left: 5px;
position: fixed;
top: 0px;
left: 12%;
height: calc(100% - 45px);
width: 48%;
border-right: 1px solid gray;
overflow: auto;
font-size: 10px;
}


.posbascet{
margin-top: 0px;
margin-left: 5px;
position: fixed;
top: 0px;
left: 60%;
height: calc(100% - 45px);
width: 40%;
overflow: hidden;
overflow-y: auto;
}


.posbt{
margin-top: 0px;
width: 100%;
height: 70px;
border: 1px solid gray;
color: white;
cursor: pointer;
text-align: center;
white-space: normal;

}

.posbt:hover{
border: 1px solid white;
}


.posmaintable{
position: absolute;
top: 75px;
left: 0%;
width: 100%;
border-spacing: 0px;
border-collapse: separate;
}


.posmaintable2{
position: absolute;
top: 70px;
left: 0%;
width: 100%;
font-size: 16px;
color: white;
font-style: normal;
}

.servtr:hover{
color: black;
font-style: italic;
}


.poshedtable{
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 10%;
}

.baskettable{
width: 100%;
border-spacing: 1px;
border-collapse: separate;
}


.baskethed{
height: 35px;
background: gray;
color: white;
}

.basketext{
width: 98%;
height: 26px;
border: 0px;
}

.baskettr{
background: #cccccc;
height: 30px;
}

.baskettrser{
background: #cccccc;
height: 30px;
}

.orderok{
width: 100%;
height: 55px;
background: green;
color: white;
border: 1px solid white;
cursor: pointer;
}

.orderno{
width: 100%;
height: 55px;
background: red;
color: white;
border: 1px solid white;
cursor: pointer;
}

.orderok:hover, .orderno:hover{
border: 0px;
}


.sumtxt{
width: 60%;
height: 30px;
font-size: 16px;
}


.sumtxtbol{
width: 60%;
height: 30px;
font-size: 20px;
font-weight: bold;
color: red;
}

.calcbtn{
height: 39px;
width: 62%;
border: 1px solid #0076ae;
background: #0076ae;
color: white;
cursor: pointer;
}




.serbtn{
margin-top:3px;
height: 32px;
width: 99%;
border: 1px solid #0076ae;
background: #0076ae;
color: white;
cursor: pointer;
}

.calcbtn:hover, .serbtn:hover{
border: 1px solid white;
}


.popupbtn{
margin-top:3px;
height: 32px;
width: 120px;
border: 1px solid #0076ae;
background: #0076ae;
color: white;
cursor: pointer;
}


.popupbtnective{
margin-top:3px;
height: 32px;
width: 120px;
border: 1px solid #0076ae;
background: white;
color: #0076ae;
cursor: pointer;
}


.sertexts, .psertexts{
margin: 0px;
padding: 0px;
width: 100%;
height: 25px;
border: 1px solid gray;
background: #ffffcc;
outline: none;
}

.webtabledata{
height: 35px;
font-size: 13px;
background: #dddddd;
cursor: pointer;
}


.webtabledata td { 
word-wrap: break-word;
}


.webtabledata:hover{
background: #cccccc;
}

.webtabledata2{
height: 35px;
font-size: 13px;
background: #dddddd;
}

.webtabledata2 td { 
word-wrap: break-word;
}


.webtabledata2:hover{
font-size: 13px;
background: #cccccc;
}


.webtable{
width: 100%;
border-spacing: 1px;
border-collapse: separate;
table-layout: fixed;
}

.webtablefixed{
position: fixed;
top: 35px;
display: none;
border-spacing: 1px;
border-collapse: separate;
table-layout: fixed;
background: white;
}

.webdataheder{
height: 35px;
width: 100%;
text-align: center;
color: white;
font-size: 15px;
background: rgb(64,97,140);
}


.popupdiv{
margin:0px;
padding: 0px;
position: fixed;
width: 50%;
height: 80%;
line-height: 200%;
top: 10%;
left: 25%;
background: white;
border: 1px solid gray;
box-shadow: 3px 3px #dddddd;
display: none;
}

.popheder{
margin:0px;
padding: 0px;
position: fixed;
width: 50%;
height: 4%;
top: 10%;
left: 25%;
background: #777777;
border: 1px solid gray;
color: white;
}

.popdata{
position: absolute;
width: 96%;
height: 94%;
left: 2%;
top: 5%;
overflow-x: hidden;
overflow-y: scroll;
}

.popupclose{
position: absolute;
right: 3px;
top: 8%;
width: 3%;
height: 80%;
line-height: 200%;
border: 1px solid white;
text-align: center;
cursor: pointer;
font-size: 80%;
}

.setext{
width:99%;
height: 20px;
border:1px solid #dddddd;

}


.popup{
position: fixed;
top: 0px;
right: -60%;
height: calc(100% - 46px);
width: 60%;
overflow: hidden;
overflow-y: auto;
background: #eeeeee;
border-left: 1px solid gray;
border-top: 1px solid white;
z-index: 9998;
}


.sertext{
width: 100%;
height: 20px;
background: #ffeeee;
border: 0px;
outline: none;
}


.printbuton{
width: 50%;
height: 80px;
border: 1px solid white;
background: gray;
color: white;
cursor: pointer;
white-space: normal;
}


.printbuton2{
width: 90%;
height: 30px;
border: 1px solid white;
background: gray;
color: white;
cursor: pointer;
white-space: normal;
}

.printbuton:hover{
border: 1px solid gray;
}

.printbuton2:hover{
border: 1px solid gray;
}


.tabledit{
background: transparent;
border: 0px;
outline: none;
width: 100%;
}


.titl{
border: 1px solid black;
background: white;
color: black;
padding: 0px 0px 0px 0px;
z-index: 999999;
display:none;
}