body{
    width:100%;
    height:99vh;
    margin:0 auto;
    clear:both;
    background-color:bisque;
    font-family:system-ui;
}
#main_form{
    width:98vw;
    height:98vh;
    margin:0 auto;
    margin-top:1vh;
    border:1px solid red;
    background-color:#fff;
    overflow:auto;
}

#top_div{
    width:100%;
    height:50px;
    float:left;
}
#top_div1{
    width:100px;
    height:50px;
    float:left;
    border: 1px solid brown;
}
#top_div2{
    width:calc(100% - 104px);
    height:50px;
    line-height: 50px;
    float:right;
    border: 1px solid brown;
}
#top_div2x{
    width:calc(100% - 104px);
    height:50px;
    line-height: 50px;
    float:right;
    border: 1px solid brown;
    background-color:lightgoldenrodyellow;
}

#bot_div{
    width:100%;
    height:calc(98vh - 60px);
    float:left;
}
#bot_div1{
    width:100px;
    height:100%;
    float:left;
    border: 1px solid red;
    border-right:1px solid blue;
}
#bot_div2{
    width:calc(98vw - 206px);
    height:100%;
    float:left;
    border: 1px solid red;
    border-left:1px solid blue;
}
#bot_div2x{
    width:calc(98vw - 150px);
    height:calc(100% - 20px);
    float:left;
    padding:10px;
    border: 1px solid red;
    border-left:1px solid blue;
    background-color:white;
}
#bot_div3{
    width:100px;
    height:100%;
    float:right;
    border: 1px solid red;
}

#my_dboard1, #login_btn1, #logout_btn1{
    width:100%;
}

#submenu{
    width:100%;
    height:30px;
    line-height:50px;
    text-align:center;
}
#main_content{
    width:100%;
    height:calc(100% - 200px);
    padding:0px 10px 10px 10px;
    background-color:white;
    overflow-y:auto;
}
#customer_list{
    width:100%;
    height:100px;
    padding:0px 10px 10px 10px;
    background-color:white;
    overflow-y:auto;
}
#cust_list1{
    
}
#user_btn1, #brow_btn1, #cust_btn1, #login_user_btn1{
    margin-top:20px;
}
#logout_btn1{
    margin-top:200px;
}
#login_input_div{
    width:300px;
    padding:20px;
    margin:150px auto;
    border:2px solid rosybrown;
    border-radius:20px;
}
#login_input_table{
    width:100%;
    height:100%;
    border-collapse:collapse;
}
#login_input_table tr td{
    border-collapse:collapse;
    border:1px dashed orangered;
}
.tocenter_head{
}
#user_id,#pass_wd{
    width:150px;
}

#bill_table{
    margin:20px auto;
    font-size:14px;
    font-family:arial, times;
    border-collapse:collapse;
    border:2px solid darkred;
}
.search_star{
    font-family:fantasy;
    font-size:20px;
    font-weight:900;
    color:green;
}
#bill_table tr td{
    border-collapse:collapse;
    border:1px dotted darkred;
}
#bill_table input{
    font-size:18px;
}
#msg_hint{
    color:red;
    font-size:20px;
}
#cust_address, #cust_remarks{
    width:calc(100% - 20px);
}
#cust_mobile,#cust_name,#cust_ref_no,#cust_address,#cust_remarks{
    color:red;
    font-weight:600;
}

.ht40{
    height:40px;
    font-size:18px;
    font-family:system-ui;
}
.pa10{
    padding-left:10px;
}
.pa20{
    padding-right:10px;
}
#cust_ref_no{
    width:calc(100% - 10px);
}
#cust_bill_no{
    color:red;
    font-size:20px;
    text-align:center;
}
#cust_bill_dt{
    color:red;
    font-size:20px;
    text-align:center;
}
#cust_bill_amt{
    color:red;
    font-size:20px;
    text-align:right;
    padding-right:20px;
}