.dtable {
  position: relative;                  
  border-collapse: collapse;
  width: 100%;
}

.dtable td, .dtable th {
  border: 1px solid #ddd;
  padding: 8px;
}

.dtable tr{background-color: white;}
.dtable tr:nth-child(even){background-color: #e6f2ff;}
.dtable tr:hover {background-color: #ddd;}

.dtable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: black;
  color: white;
  position: sticky;
top: 0; /* Don't forget this, required for the stickiness */

}

.dtable {
  border-collapse: collapse;
  width: 100%;
}

.gtable td, .dtable th {
  border: 1px solid #ddd;
  padding: 8px;
}

.gtable tr{background-color: white;}
.gtable tr:nth-child(even){background-color: #ECF3F3;}
.gtable tr:hover {background-color: #ddd;}

.gtable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #3A7C91;
  color: white;
  position: sticky;
  border: 1px solid #ddd;
top: 0; /* Don't forget this, required for the stickiness */

}

.gtable {
  border-collapse: collapse;
  max-width: 100%;
}





.tblcont{
overflow:auto;
height:95vh;
}

    .b1{
        margin-right:60px ;
        width:60px;
        height: 30px;
        font-size: 14pt;;
    }
    .f2{
        margin-top: 8px;
        margin-right: 12px;
        min-width: 130px;
    }
    .inp
    {
      width:120px;
    }
    .title{
        min-width: 60px;
        display: inline-block;
              }
    #f1{
      display: flex; 
      flex-direction: column ;
      height: 100%;
    }
    #ff{
      display: flex; 
      flex-direction: row ;
      width:35%;
      flex-wrap: wrap;
   /*   border:solid 1px yellow;*/
    
    }
    #searchinputs{
      display: flex; 
      flex-direction: row ;
      width:100%;
      flex-wrap: wrap;
      margin-top:10px;
      margin-bottom:10px;
      
    
    }
    .box{
      display: flex; 
      flex-direction: row ;
      width:100%;
      flex-wrap: wrap;
      border:solid 1px red;
    

    }
    #right{
      display: flex; 
      flex-direction: row ;
      width:60%;
      min-width: 300px;
      margin-right: 3%;
      flex-wrap: wrap;
  /*    border:solid 1px blue;*/
      height:250px;
      overflow:auto;
      
     
    }
   
#searchrslt{
overflow: auto;
max-height: 50vh;

}
.bl1{
float:left;
}
#modaldata{
  text-align: right;
  float:right;
  margin-right: 10%;
}
#modaltoolbar{
  float:right;
  margin-right: 10%;
  padding:20px;
}
.dbut{
  padding:5px;
}

.hmrhlp{
  font-size:8pt;
  color:blue;
}
.hmr1{
  padding-top:14px;
  margin-bottom:14px;

}
.hmr2{
  display: inline-block;
  width: 50px;
}