/*---------------------------table-------------------------------*/
.tabhead-div{width: 100%;height: 5%;display: inline-flex;}
.tabhead-div:after{content: "";display: table;clear: both;}
.tabhead-div-a{width:40%;}
.tabhead-div-b{width:60%; text-align: right;}
#farmerlisttable{height:calc(100% - 27%);overflow: auto;}
.table-head{width: 100%;}
thead{position: sticky;top: 0;}
.table-head tr th{border:1px solid;font-size:16px; font-weight:800;background:#357cb6;transform:scale(0.999);color: white;}
.table-head tr{height:37px;}
.table-head tr td{font-size:16px; font-weight:700; border: 1px solid;}
.scrollhide{-ms-overflow-style: none;scrollbar-width: none;}
.bordernon{border:none;}   
.border-2{border:none;}
.backtra{background: transparent;}
.button{padding: 10px 60px 10px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px;
    width: 53%;
   }
.font-1{font-size:18px; font-weight:800;}
.textalln-1{text-align:left;}  

.back-1{ background: #def1fc;}
.not-allowed {cursor: not-allowed;}
.detailcol-1{width: 80%;}
.right{text-align: end;}
.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%;}
.totaldiv{width: 81%;
    height: 100%;display:inline-flex;}
.totaldiv:after{ content: "";
  display: table;
  clear: both;}
.totaldiv-a{width:75%;color:white;}
.totaldiv-b{width:25%;}
.clr-1{color:white;}

.branch-table{
    width: 100%;
    display: table;
    text-transform: capitalize;
    position: relative;
    text-align: justify;
    margin:auto;
}
table td, .table th {vertical-align: top;}
.date-width{width:10%;}
.part-width{width:40%;}
.vna-width{width:5%;}
.vno-width{width:5%;}
.vnr-width{width:20%;}
.vdr-width{width:10%;}
.vcr-width{width:10%;}
.texts{font-weight:800;color: white;font-size: 18px;}
summary::marker {
  content: "";clear:both;}
#spansummary{background-color: rgb(76, 206, 76);}
.comp-det{width: 100%;
    height: 10%;
   }
.divnone{display:none;}
.h3-s{font-size:18px;font-weight:700;}
@media only screen and (max-width: 600px) {
.disnone{display:none;}
.narhide{display:none;}
.td-width6{width:70%;}
.td-width1{width:25%;}
.mtd-width4{width:9%;}
.table-head tr th{font-size:12px;font-weight:700;}
.table-head tr td{font-size:12px;font-weight:700;}
.bottm-narr{width:60%;}
.mobilenone{display:none;}
.h3-s{font-size:15px;font-weight:700;}
.totaldiv{width: 100%;}
.totaldiv-a{width:60%;}
.totaldiv-b{width:40%;}
.vdr-width {width:20%;}
.vcr-width{width:20%}
.clr-1{font-size:15px;margin:auto;}
}