/* Show it is fixed to the top */
body {
    min-height: 100%;
    padding-top: 4.5rem;
  }


  th {
   border: 1px solid #dddddd;
   text-align: center;
   padding:0px;
    }

    td{
      text-align: center;
    }

    checkbox{
      color: blue;
    }

    .zoom{
      width:0px;
      height:0px;
      border:none;
      background:none;
    }

    .sbbtn{

      background-color: #34eb6b;
      padding: 4px 12px 4px 12px;
      /* color: White; */
      border-radius: 5px;
      outline: none;
    }

.sbbtn:hover
{
background-image:none;
background-color:#34eb8f;
}

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

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

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #04AA6D;
  color: white;
}

.headone {
  padding: 5px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

.float-container {
    /* border: 3px solid #fff; */
    padding: 10px 10px 10px 0px;
}

.ibcls{
width: 100%;
width: 30%;
float: left;
padding: 10px 10px 10px 0px;
}

.ibcls1{
width: 100%;
width: 30%;
padding: 10px 10px 10px 0px;


}

.ibcls2{

  width: 100%;
  width: 30%;
}


.dataTables_scrollHeadInner{
  width:100% !important;
}
.dataTables_scrollHeadInner table{
  width:100% !important;
}

.b1 {
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;
  padding:0px 5px ;
}

.b1:hover{
    background: rgba(76, 175, 80, 0.3);
}

.select {
  // A reset of styles, including removing the default dropdown arrow
  appearance: none;
  // Additional resets for further consistency
  background-color: white;
  border: none;
  padding: 0.5em 1em 1em 0.5em ;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
}