@charset "utf-8";
/* CSS Document */


*
{
    padding: 0;
    margin: 0;
}



body{
    font-family:Verdana, Geneva, sans-serif;
    margin:0;
    padding:0;

}

p,h1,h2,h3,h4,h5,h6,li{

    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

#banner {

    height: 140px;
    background: #999999;
    
     background:url("../img/b3.jpg");
    background-size: 1000px 140px;
    
}

#submenu{
    width: 1000px;
    /*height: 400px;*/
    background: cross-fade;
}
#sub-content{
    width: 994px;
    /* height: 400px;*/
    /* border:2px solid;
     border-radius:25px; round rectangle */
    /*   margin: 20px;*/
  
    /*background: #9CC;*/
    
    background: aliceblue;
    
    /*height:  540px;*/
/*    overflow: scroll;*/
    padding: 2px;


    /*  background: aqua; */
}

#sch-content{
    width: 900px;
    /* height: 400px;*/
    /* border:2px solid;
     border-radius:25px; round rectangle */
    /*   margin: 20px;*/
    background: #9CC;
    /*height:  540px;*/
    /*overflow: scroll;*/
    padding: 2px;
    padding-left: 100px;


    /*  background: aqua; */
}
#tbl-subm td{
    height: 35px;
    /*width: 30px;*/
    text-align: center;
    padding: 2px;

}

.tbl-dataentry {
    border: 1px solid #cccccc;
    padding: 10px;
    box-shadow: 10px 10px 5px #666666;
    background: #fff;


}

.tb_hd {
	font-size:1em;
	background-color:#eee;
	color:#000;
         padding: 2px;

}
.tb_hd-vs {
	font-size:1em;
	background-color:#eee;
	color:#000;
        font-weight: bold;
        padding: 2px;
        padding-left: 10px;

}
#login{
    width: 350px;
    height: 120px;
    border: 1px solid #cccccc;
    padding: 25px;
    padding-left: 25px;
    box-shadow: 10px 10px 5px #666666;
}

.tdh {
    font-weight: bold;
    text-align: left;
    background: #999999;
    padding: 2px;

}
.tdh1 {
    font-weight: bold;
    text-align: left;
    background: #F90;
    font-size: 1.3em;

}

#search-head{
    font-size: 1.6em;
    color: #F36;
}

#data-show{
    width: 960px;

    background: #FFf;
    box-shadow: 10px 10px 5px #666666;
    margin: 20px;
}

#data-show table{
    padding-bottom: 20px;
}

.list-th {
    background:#C7EBFE;
   
}

.list-th1 {
    background:#dff0d8;
    font-size: 0.9em;
    border: 1px solid black;
    padding-left: 2px;
    padding-right: 2px;
}

.list-th2 {
    background:#dff0d8;
    font-size: 0.9em;
    /*border: 1px solid black;*/
    padding-left: 2px;
    padding-right: 2px;
}


.th-invoice{
    border: 1px solid #000000;
    background: #cccccc;

}

#rst{
    text-align: right;
    border-top: 1px solid #000000;
    border-bottom:  2px solid #000000;
}

#total1{
    text-align: right;
    border-top: 1px solid #000000;
    border-bottom:  2px solid #000000;
}
.focus{
    border: 2px solid lightgreen;
    background: yellow;
   
}

.bigTB{
    height: 30px;
    font-size: 1.3em;
}
.header-text-1{
    font-size: .9em;
    font-weight: bold;
}
.header-text-2{
    font-size: .9em;

}

.header-td{
    background: #0CF;
}

#content-main{
    width:850px;
    height: 300px;
    padding: 10px;
    padding-top: 25px;
    border: 1px solid #aaaaaa;
}

.sel-code:hover {
    
    cursor: pointer;
    background: #0CF;
    font-size: 1.5em;
    
}

/*#st-search-data td{
    border: 1px solid silver;
    
}*/
#st-search-data th{
    border: 1px solid #999999;
    background: #666666;
    color: #fff;
    text-align: right;
}

#tbl-adj{
    background: #fff;
     background: #FFf;
    box-shadow: 10px 10px 5px #666666;
}

#test{
    width: 300px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    background: #000;
    color: #0C0;
    cursor: pointer;
    
}

#s-box{
    width: 260px;
    height: 20px;
    font-size: 1.1em;
}
#search-adj{
    width: 38px;
    
}

.menu{
    border: 1px solid #666666;
    background:  #69C;
    color: #fff;
    cursor: pointer;
}

.menu:hover{
   
    background:  #F36;
   
}

.menu a{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    list-style: none;
    text-decoration:none;
    font-size: 1em;
    color: #fff;
    font-weight: bold;
}


#doc-header{
     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      background: #ff6600;
      color: #fff;
    
}
#doc-header-tr{
     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      background: #9999ff;
      color: #fff;
    
}
#doc-header-grn{
     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 1.5em;
      background: #00cc99;
      color: #fff;
    
}

#add{
    display: none;
}

#entry-panel{
     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 0.9em;
      background:#cccccc;
      color: #000;
      padding-bottom: 10px;
    
    
}

.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden;}

.input-f {width: 200px;}

#login-btn{
    display: none;
        
}
/*
.smnu{
     width: 70px;
    height: 44px;
}*/

.smnu a{
    text-decoration: none;
    color:darkgreen;
}

/*.smnu a:hover{
   
   color: #fff;
   
}*/

.menu1 :hover {
    background: #0CF;
}

.menu1{
    
    width: 140px;
    height: 45px;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 0.9em;
    background: snow;
    text-align: center;
    color: #000;
    font-weight: bold;
    border: 1px solid silver;
    
}
#svr_cat{
    width: 200px;
}

#svr_des{
    width: 350px;
}

.tbl-txt {
    font-size: .9em;
    font-weight: bold;
    
}

.tbl-txt td{
    background: bisque;
}

.tbl-txt1 td{
    background: #ffffff;
}
.tbl-txt1 {
    font-size: .9em;
    
}

.rpt-table{
    padding: 2px;
    /*overflow: scroll;*/
    width: 1100px;
    background: #fff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

.rpt-table1{
    padding: 2px;
    /*overflow: scroll;*/
    width: 644px;
    background: #fff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

.rpt-table2{
    padding: 2px;
    /*overflow: scroll;*/
    width: 750px;
    background: #fff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    margin-left:  100px;
    
}

.rpt-table-full{
    padding: 2px;
    /*overflow: scroll;*/
    
    background: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 0.8em;
   
    
}
#settings-submenu{
    width: 270px;
    height: 500px;
    
    border: 2px dashed brown;
    background: antiquewhite;
    float: left;
    margin-right: 5px;
    margin-top:  5px;
    margin-left:  5px;
    text-align: left;
    padding-left: 30px;
       
}

#settings-data{
    width: 650px;
    height: 500px;
    
  
    background: darkgray;
    float: left;
    margin-top:  5px;
}

.links {
    padding-left: 20px;
    font-size: 0.8em;
    font-weight: bold;
    
}

#tr-st-head{
    height: 50px;
}
#tr-st-name{
    height: 40px;
}
#tr-st-remarks{
    height: 350px;
}

#td-st-name{
    width:  200px;
     padding-left: 5px;
}

#td-st-remarks{
    text-align: left;
    vertical-align: top;
    padding-left: 5px;
}
#td-st-remarks1{
    text-align: left;
    vertical-align: top;
}

.text-entry {
    font-size: 1.1em;
    height :25px;
    padding: 1px;
   font-family:Verdana, Geneva, sans-serif;
}

.text-entry-woh {
    font-size: 1.1em;
    padding: 1px;
   font-family:Verdana, Geneva, sans-serif;
    
}

.width-long {
    width: 350px;
}

.width-long-cmb {
    width: 356px;
}

#nv-col1{
    width: 250px;
    background: aqua;
}

#nv-col2{
    width: 355px;
}

#nv-col3{
    width: 355px;
}

.vpic{
   
    padding: 5px;
    width:400px;
    height: 250px;
    border: 3px solid silver;
   
   
}

.thamb{
   
    padding: 5px;
   
    height: 50px;
    border: 3px solid silver;
   
   
}

.thamb-pic{
    height: 45px;
    width: 100px;
    margin-right: 2px;
    padding: 2px;
    border: 1px solid silver;
    float: left;
}

#tmb1{
    font-size: 0.9em;
    font-weight: bold;
    color: brown;
    
}

#tmb2{
    font-size: 0.8em;
    padding: 0;
    
}

.v-img{
    
     width:400px;
     height: 250px;
   
}

.vpic-h{
    background: silver;
    /*margin-left: 5px;*/
    width:400px;
    height: 20px;
    padding: 5px;
     border: 3px solid silver;
    
    /*border: 1px dashed #000;*/
}

#tr-pic{
    /*margin: 2px;*/
    margin-left: 20px;
    padding: 5px;
    width: 400px;
    height: 220px;
    border: 1px dashed black;
   
}

#tr-head{
    background: darkseagreen;
    color: #fff;
     font-family:Verdana, Geneva, sans-serif;
    
}

.tr-subhead{
    background: #ccc;
    padding-left: 5px;
    font-weight: bold;
}

#tr-warning{
     font-family:Verdana, Geneva, sans-serif;
     color: darkred;
     font-size: 1.2em;
     /*font-weight: bold;*/
     
}

.width-medium {
    width: 200px;
}

.width-medium1 {
    width: 245px;
}
.width-medium-txt {
    width: 195px;
}

.show-img{
    width: 600px;
    height: 600px;
    /*border: 1px solid silver;*/
}

.show-del_pic{
    text-align: center;
    
}

.right-align{
    text-align: right;
}

#accordion{
    font-family:Verdana, Geneva, sans-serif;
    font-size: .8em;
    
}

#accordion  li{
     list-style: none;
     padding-bottom: 7px;
}

#accordion  li a {
   
    padding-bottom: 5px;
    list-style: none;
    text-decoration: none;
    
   
}

#accordion  li :hover {
    color: #F36;
    /*font-weight: bold;*/
    /*background: #9CC;*/
   
}
.rpt-sub {
    list-style: none;
    padding-left: 10px;
    font-size: .9em;
}

.rpt-head{
    font-weight: bold;
}
#reci{
    width:590px;
    /*height:250px;*/
    /*border: 2px dashed;*/
    padding: 15px;
    float: left;
    /*background:#DADADA;*/
    
    /*border-style: solid;*/
    border-left: 2px solid silver;
    
    
    
}

#reci td{
    vertical-align: top;
}
#chqTbl{
    width:350px;
    display: none;
}

#chqTbl td{
    width:112px;
}

#chqTbl th{
    font-size: 0.9em;
    font-family:Verdana, Geneva, sans-serif;
}
#cus-data{
    width:318px;
    height:285px;
    margin-left: 5px;
    border: 2px dashed;
    padding: 20px;
    float: left;
    /*background:#39b3d7;*/
    
    
}

.bigTB2{
    height: 25px;
    width: 50px;
    font-size: 1.1em;
    text-align: right;
    background: #ffffcc;;
    color: crimson;}

.bigTB3{
    height: 25px;
    width: 98px;
    font-size: 1.1em;
    text-align: right;
    background: #ffffcc;;
    margin-left: 2px;
}

.tbl-subtot{
    padding-top: 2px;
    border-top: 1px solid black;
    border-bottom:  2px solid black;
    font-weight: bold;
}

.tbl-subtot1{
    padding-top: 20px;
/*    border-top: 1px solid black;
    border-bottom:  2px solid black;*/
    font-weight: bold;
}

#sl-submenu{
    vertical-align: top;
    background: #FFf;
}

#sl-data{
     vertical-align: top;
    font-size: 0.8em;
    font-family:Arial, Helvetica, sans-serif;
}

#dates{
    margin-left: 5px;
    margin-top: 2px;
    font-size: 0.9em;
    width: 350px;
    float: left;
    /*background: #ffffff;*/
}

#show{
    float: right;
}

.center {
    text-align: center;
}

#rpt-comp{
    text-align: center;
    font-family:Verdana, Geneva, sans-serif;
}

#rpt-comp h2{
    padding: 0;
    margin: 0;
    font-size: 1em;
}

#rpt-comp p{
    padding: 0;
    margin: 0;
    font-size: 0.9em;
}


#rpt-sub p{
    padding: 0;
    margin: 0;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 0.9em;
}

#rpt-sub h2{
    padding: 0;
    margin: 0;
    font-family:sans-serif;
    font-size: 0.9em;
}
#rpt-page{
    background: #dbc59e;
}

.ct{
    font-weight: bold;
    color: #F36;
/*    background: #ebcccc*/
}

#cr-inv td{
    padding-bottom: 5px;
}

.rpt-grp-01{
    padding-top: 20px;
    border-top: 1px dotted black;
}

.rpt-grp-cus{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
   
}

.rpt-grp-ctd{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 0.8em;
   
}

.rpt-grp-add{
    font-family:"Times New Roman", Times, serif;
    font-size: 0.9em;
   
}

.top3px{
    border-top: 1px dotted black;
}

.td-paid{
    background:#ffffcc;
}

.bold{
    font-weight: bold;
}

.right-padding{
    padding-right: 10px;
}

.page-h{
    font-family: Verdana, Geneva, sans-serif;
    background: #F90;
    padding-left: 10px;
    margin-bottom: 5px;
}

.field-head{
    /*font-family: "Times New Roman", Times, serif;*/
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    padding-left: 10px;
    
}

#photo{
    width: 100px;
    height: 75px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid silver;
}

.menu-link{
    font-family: "Times New Roman", Times, serif;
    font-size: 0.9em;
    text-decoration: none;
    padding-right: 10px;
    padding-left: 10px;
    
}

.menu-link:hover{
    color: #FFf;
}


#exp{
    height: 50px;
    width: 250px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    color: #F36;
    font-size: 1.5em;
    border : 2px dashed brown;
    vertical-align: middle;
    padding-top: 20px;
    margin-left: 50px;
    
}


#des{
    height: 100px;
}

#btn-save{
   /*margin-top:  60px;*/
   height: 40px;
   width: 75px;
   font-size: 1.1em;
   background: #55d074;
}

#lbl-des{
   
}

.cus-add{
    height: 75px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
}

.cus-filds{
    font-family: "Times New Roman", Times, serif;
    padding-bottom: 5px;
    font-size: 1.2em;
}

#get-inv{
   margin-top: 20px; 
   height: 40px;
   width: 350px;
   font-size: 1.1em;
   background: #55d074;
}

#get-inv:hover{
    background: #0CF;
}

#tooltip{
    width:200px;
    height: 100px;
    border: 1px solid black;
    display: none;
}

.link{
    text-decoration: underline;
    color: blue;
    font-weight: bold;
    cursor: pointer;
}

#data{
    background: #ffffcc;
    font-family: "Times New Roman", Times, serif;
    margin-top: 5px;
    
}

#remarks{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    color: #F36;
}

.mnu_disable{
    
    background:#666666;
}


.menu_disable{
     background:#666666;
}

#start{
    margin-top: 25px;
    background:url("../img/s1.png");
    background-size: 150px 45px;
    height: 45px;
    width:150px;
    cursor: pointer;
}

#company-name{
    font-family: "Times New Roman", Times, serif;
    padding-top:  5px;
    color: #FFf;
    font-size: 3em;
    letter-spacing: 0.3em;
}

.company-other{
    font-family: "Times New Roman", Times, serif;
     color: #FFf;
     letter-spacing: 0.3em;
}