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






#menucontainer{
position: fixed;
left: 0px;
top: 0px;
width: 12%;
height: 100%;
background: rgb(64,97,140);
overflow: hidden;
padding-top: 0px;
padding-right: 0px;
z-index: 555;
}


.contmenu{
position: fixed;
background: white;
min-width: 150px;
min-height: 50px;
max-height: 50%;
z-index: 556;
border: 1px solid #aaaaaa;
box-shadow: 2px 2px 2px gray;
display: none;
overflow-x: hidden;
overflow-y: scroll;
}


.contmenu::-webkit-scrollbar {
width: 0px;
}


.contitem{
padding: 5px;
margin: 0px;
cursor: default;
}

.contitem:hover{
background: #999999;
color: white;
}

.contbreak{
border-top: 1px solid gray;
margin: 8px;
}



.modal{
position: fixed;
width: 70%;
height: calc(90% - 50px);
top: 50px;
left: 15%;
background: white;
border: 1px solid #777;
border-top: 35px solid #777;
box-shadow: 3px 3px 3px #777;
overflow: hidden;
overflow-y: scroll;
z-index: 1000;
}

.modalclose{
position: absolute;
top: 55px;
left: calc(85% - 25px);
color:white;
border: 1px solid white;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
cursor: pointer;
z-index: 1001;
}


.modalclose:hover{
background: red;
}

.modalheder{
position: absolute;
top: 55px;
left: calc(15% + 5px);
color:white;
height: 20px;
line-height: 20px;
text-align: center;
z-index: 1001;
}

.modawindow{
z-index: 1000;
display: none;
}



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



.botbtn{
position: fixed;
bottom: 0px;
width: 12%;
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;
}

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


.hederdiv{
position: fixed;
top: 0px;
right: 0px;
height: 35px;
width: calc(100% - 35px);
background: #777777;
color: white;
}


.maindiv{
position: fixed;
top: 35px;
left: 12%;
height: calc(100% - 35px);
width: 88%;
overflow: hidden;
overflow-y: scroll;
}


#formdiv{
display: none;
}

.formtable{
width: 100%;
border-spacing: 8px;
border-collapse: separate;
}





.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: 1px;
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{
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: 100%;
height: 35px;
border: 1px solid green;
background: transparent;
color: green;
cursor: pointer;
}


.operbtn{
width: 100px;
height: 25px;
line-height: 25px;
border: 1px solid white;
background: #777;
text-align: center;
color: white;
cursor: pointer;
}

.operbtn:hover{
background: white;
color: #777;
}

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

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


#submenu{
position: fixed;
top: 35px;
left: -23%;
width: 35%;
height: 100%;
background: #dddddd;
overflow: scroll;
overflow-x: hidden;
z-index: 554;
}


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

.popupdetales{
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: 9999;
}


.closepopup{
padding: 0px;
border-bottom: 1px solid gray;
}


#adddoc{
display: none;
}


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

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

.operitem:hover{
background: 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;
background: rgb(64,97,140);
}


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



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


.webtabledata{
height: 35px;
background: #dddddd;
}


.simlewebtabledata{
height: 25px;
background: #dddddd;
}


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


.webtabledata:hover{
background: #cccccc;
}

.simlewebtabledata:hover{
background: #cccccc;
}


.webtabledata2{
height: 35px;
background: #dddddd;
}

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


.webtabledata2:hover{
background: #cccccc;
}

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

.popupform{
width: 100%;
border-spacing: 0px;
border-collapse: separate;
}

.popupformheder{
font-style: italic;
color: gray;
width: 35%;
vertical-align: top;
}

.popupformdata{
width: 65%;
}


.mainform{
padding: 15px;
width: 60%;
border-spacing: 10px;
border-collapse: separate;
}

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

.mainformdata{
width: 70%;
}


.mainhedertr{
font-style: italic;
color: white;
background: gray;
vertical-align: top;
text-align: center;
height: 35px;
}

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


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


.popupform tr:hover{
background: #cccccc;
}


.popupsubheder{
font-weight: bold;
font-style: italic;
}

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


.mainokbtn{
height: 38px;
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;
}

.exitdiv{
position: fixed;
top: 1px;
right: 1px;
cursor: pointer;
}

.exitdiv:hover{
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
}


.loader{
position: fixed;
z-index: 1002;
}

.bland{
opacity: 0.2;
}

.hrs{
border: 0;
height: 1px;
background: gray;
}


 #filediv {
 border: 1px solid gray;
 width: 100%;
 height: 100%;
 display: none;
 overflow-x: hidden;
 overflow-y: scroll;
 }



 #exceldiv {
 width: 98%;
 height: 100%;
 border: 0px;
 }


 #itemdiv {
 border: 1px solid gray;
 width: 100%;
 height: 100%;
 overflow-x: hidden;
 overflow-y: scroll;
 }


 input::-webkit-calendar-picker-indicator {
  display: none;
}