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

.hederdiv{
position: fixed;
top: 0px;
left: 0px;
height: 35px;
width: 100%;
background: #777777;
font-size: 12px;
color: white;
}

.poshederdiv{
position: fixed;
bottom: 0px;
left: 0px;
height: 35px;
width: 100%;
background: #777777;
font-size: 12px;
color: white;
}



.posmenbtn{
position: fixed;
bottom: 2px;
left: 0px;
height: 31px;
width: 80px;
background: #777777;
font-size: 12px;
color: white;
}



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

.menu{
position: fixed;
left: 0px;
top: 35px;
width: 14%;
height: calc(100% - 35px);
background: rgb(64,97,140);
overflow: hidden;
padding-top: 0px;
padding-right: 0px;
z-index: 555;
}


.posclient{
position: fixed;
left: 0px;
top: 0px;
width: 15%;
height: calc(100% - 35px);
border-right: 1px solid gray;
background: white;
overflow-y: auto;
overflow-x: hidden;
padding-top: 0px;
padding-right: 0px;
z-index: 555;
}



.menbtn{
width: 100%;
height: 35px;
line-height: 35px;
border: 1px solid #eeeeee;
border-right: 0px;
border-left: 0px;
color: #eeeeee;
cursor: pointer;
margin: -1px;
margin-right: 0px;
text-align: center;
}

.menbtn:hover{
background: #dddddd;
color: black;
}


#submenu{
position: fixed;
top: 35px;
left: -6%;
width: 20%;
height: calc(100% - 35px);
background: #dddddd;
overflow: auto;
overflow-x: hidden;
z-index: 554;
}


.operitem{
min-height: 28px;
color: black;
cursor: pointer;
background: #eeeeee;
margin: 1px;
margin-left: 0px;
font-size: 14px;
}

.operterm{
color: black;
background: #dddddd; 
margin: 1px;
margin-left: 0px;
font-style: italic;
font-weight: bold
}

.operitem:hover{
background: white;
}


.maindiv{
margin-top: 2px;
margin-left: 5px;
position: fixed;
top: 35px;
left: 14%;
height: calc(100% - 35px);
width: 86%;
overflow: hidden;
overflow-y: scroll;
}



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



.mainform{
padding: 0px;
width: 80%;
font-size: 14px;
border-spacing: 10px;
border-collapse: separate;
}

.mainformheder{
font-size: 14px;
font-style: italic;
color: gray;
width: 30%;
vertical-align: top;
}

.mainformdata{
font-size: 14px;
width: 70%;
}


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

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

.selectbox{
width: calc(100% + 2px);
border: 0px;
height: 29px;
font-size: inherit;
}

.extratxtbox{
width: calc(100% - 35px);
border: 1px solid gray;
height: 25px;
font-size: inherit;
}


.lbtn{
width: 50%;
border: 1px solid gray;
background: #eeeeee;
height: 35px;
cursor: pointer;
}




.delbtn{
width: 100%;
height: 25px;
border: 1px solid red;
background: #ffb9b9;
text-align: center;
color:red;
cursor: pointer;
}


.okbtn{
width: 100%;
height: 35px;
background: transparent;
border: 1px solid green;
color: green;
cursor: pointer;
outline: none;
}


.okbtn:hover{
background: green;
border: 1px solid white;
color: white;
}

.submbtn{
border: 1px solid green;
background: #99ff33;
height: 45px;
cursor: pointer;
}


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

.tarea{
width: 50%;
border: 1px solid gray;
height: 120px;
}

.detbtn{
width: 29px;
border: 1px solid gray;
color: gray;
background: white;
height: 29px;
cursor: pointer;
}


.popupokbtn{
width: 100%;
height: 38px;
background: transparent;
border: 1px solid green;
color: green;
cursor: pointer;
outline: none;
}


.mainokbtn{
height: 35px;
min-width: 65px;
background: transparent;
border: 1px solid green;
color: green;
cursor: pointer;
outline: none;
}

.mainokbtn:hover, .popupokbtn:hover{
background: green;
border: 1px solid white;
color: white;
}

.popupcancelbtn{
width: 100%;
height: 38px;
background: transparent;
border: 1px solid red;
color: red;
cursor: pointer;
outline: none;
}

.maincancelbtn{
height: 38px;
background: transparent;
border: 1px solid red;
color: red;
cursor: pointer;
outline: none;
}

.popupcancelbtn:hover, .maincancelbtn:hover{
background: red;
border: 1px solid white;
color: white;
}


.popupbackbtn{
width: 100%;
height: 38px;
background: transparent;
border: 1px solid #6c6c00;
color: #6c6c00;
cursor: pointer;
outline: none;
}


.popupbackbtn:hover{
background: #6c6c00;
border: 1px solid white;
color: white;
}


.popupshowbtn{
height: 25px;
background: transparent;
border: 1px solid gray;
color: gray;
cursor: pointer;
outline: none;
}


.showformbutton{
height: 38px;
background: transparent;
border: 1px solid gray;
color: gray;
cursor: pointer;
outline: none;
}

.showformbutton:hover{
background: gray;
color: white;
}


.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);
}


.simplewebdataheder{
height: 25px;
width: 100%;
text-align: center;
color: white;
font-size: 14px;
background: black;
}



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


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

.styllsum{
height: 35px;
font-size: 13px;
font-weight: bold;
background: #ffff97;
}


.simlewebtabledata{
height: 25px;
font-size: 13px;
background: #dddddd;
}


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


.webtabledata:hover{
background: #cccccc;
}

.simlewebtabledata:hover{
background: #cccccc;
}


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

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


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

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


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

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

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

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

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


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



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