.main_div{display: inline-flex;margin-bottom: 3px;}
.height1{height:4%}
.main_div:after{
  content: "";
  display: table;
  clear: both;
}
.sub_div1{
    width: 50%;
    height: 100%;
    display: inline-flex;}
.sub_div2{width: 50%;
    height: 100%;
    
   }
.sub_div3{
    width: 50%;
    height: 100%;
    display: inline-flex;}
.sub_div4{width: 50%;
    height: 100%;
    
   }
.indate{float: right;
    height: 100%;
    text-align: center;
    padding: 10px;border-radius: 5px;font-size: 20px;
    font-weight: 800;}
    
.mvch-input{width:100%;height:100%;padding:5px;}

.width-1{width:17%;}
.vnd-leb{font-size: 20px;font-weight: 800;border-radius: 5px;}
.border-1{margin-bottom: 10px;}
.width-6{width:50%;}



@media (max-width: 600px) {
.main_div{width:100%;}
.sub_div1 {width: 70%;}
.sub_div2{width:30%;}
.sub_div3{width:100%;}
.sub_div4{display:none;}
.vnd-leb{font-size: 15px;}   
.indate{font-size: 15px;
        text-align: right;
        width: -webkit-fill-available;
        margin-left: 5px}
.width-1{width:40%;}
.width-7{width: 56%;}
.width-6{width:100%;}
/*
.main_div{display: inline-block;}
.sub_div1{height:auto;}
.sub_div1_a{height:2%;}
.sub_div2{height:91%;}
.sub_div2_b{display:none;}
.sub_div2_a{width:auto;}  
.sub_div2a_a{height: auto;display: block;;width: 100%;}
.vnd-leb{padding: 7px;
        width: 20%;
        height: auto;
        font-size: 18px;
        font-weight: 700;}
.width-1 {width: 33%;}
.table_heading{height:auto;}
.branch-table{margin-top: 1%;}
.td-width6 {width: 65%;}
.td-width1 {width: 30%;}
.vchdate {margin-right:2%;width: 30%;}
.disnone{display:none;}
.div-table-footer {width: 100%;height: 100%;}
.div-table-footer-b {width: 100%;height: initial;text-align: center;}
.button{width:70%;}*/
}



/*

.vnd-leb{width: 10%;text-align: center;font-size: 20px;font-weight: 800;}
.mvch-input{width:100%;height:100%;padding:5px;}
.vchdate{float: right;width: 12%;}
.width-1{width:12%;}



.border-3{margin-bottom: 10px;}
.table_heading{width: 100%;
    height: 5%;
    position: relative;
    z-index: 12;
    margin-bottom: 10px;}
.textalln-1{text-align:left;}    
table thead {position: sticky;top: 0px;z-index:10;}
.div-table{	width: 100%;
   
    height: 66%;
    overflow: auto;
  }


.branch-table{width:100%;}
.branch-table thead tr{border:1px solid}

.div-table {height: 61%;}
.border-2{border:none;}
.backtra{background: transparent;}
.font-1{font-weight:800; font-size:20px;}
.scrollhide{-ms-overflow-style: none;  /* IE and Edge */
  
  /*  scrollbar-width: none; }
/*
th{font-size:20px;font-weight:700;
  transform:scale(0.999);
}
.div-table-footer{width: 100%;display: inline-flex;}
.div-table-footer-a{width: 70%;height: -webkit-fill-available;} 
.div-table-footer-b{width: 30%;height: -webkit-fill-available;} 
.totamt{float: right;margin-right: 10%;width: 63%;height: 60;border: none;border-top: 2px solid;border-bottom: 2px solid;box-shadow: 0 2px 0;text-align: right;background: transparent;}
.nar_text{width: 90%;height: 100;;border: none;background: transparent;}
 .button{padding: 10px 60px 10px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px;
    width: 53%;
   }
#b2:focus-within {
         caret-color: Blue;
        background:lightgreen;
      }
input[type=text]:focus {
    background-color: #e9e4a8;
}
.back-1{ background: #def1fc;}
.not-allowed {cursor: not-allowed;}

.vt{font-size: 20px;
    font-weight: 700;}
.btn{height: 100%;
    padding: 5px;
    width: -webkit-fill-available;
    color: white;}
.td-width1{width:9%;}
.td-width2{width:12%;}
.td-width3{width:11%;}
.td-width4{width:3%;}
.td-width5{width:5%;}
.td-width6{width:25%;}
.td-width5{width:44%;}
/* Extra small devices (phones, 600px and down) */
/*
@media only screen and (max-width: 600px) {

} */
/*
.sub_div1{height:auto;}
.sub_div1_a{height:2%;}
.sub_div2{height:91%;}
.sub_div2_b{display:none;}
.sub_div2_a{width:auto;}  
.sub_div2a_a{height: auto;display: block;;width: 100%;}
.vnd-leb{padding: 7px;
        width: 20%;
        height: auto;
        font-size: 18px;
        font-weight: 700;}
.width-1 {width: 33%;}
.table_heading{height:auto;}
.branch-table{margin-top: 1%;}
.td-width6 {width: 65%;}
.td-width1 {width: 30%;}
.vchdate {margin-right:2%;width: 30%;}
.disnone{display:none;}
.div-table-footer {width: 100%;height: 100%;}
.div-table-footer-b {width: 100%;height: initial;text-align: center;}
.button{width:70%;}*/
   



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1281px) {}