/*actions*/
.table-actions {
  display: flex;
  flex-direction: column;
  gap: 2px;

}

.table-actions a {
  text-decoration: none !important;
  padding-top: 9px !important;
  color: black;
  font-size: 13px;
  padding-left: 10px;
}

.table-actions a:hover {
  background-color: whitesmoke;
}


tbody tr:hover {
  background-color: ghostwhite;

}

thead tr {
  background-color: whitesmoke;
  
}





/*for easy action*/

#hide {
  display: none;
}

@media screen and (max-width:900px) {
  #hide {
    display: block;
  }
}


.error-circle {
width: 22px;
height: 22px;
line-height: 12px;
background: #990000;
border-radius: 50%;
border: 4px solid white;
color: white;
font-size: 12px;
font-family: verdana;
text-align: center;
}

.success-circle
{
width: 22px;
height: 22px;
line-height: 12px;
background: green;
border-radius: 50%;
border: 4px solid white;
color: white;
font-size: 12px;
font-family: verdana;
text-align: center;
}

.pending-circle
{
width: 22px;
height: 22px;
line-height: 12px;
background: gold;
border-radius: 50%;
border: 4px solid white;
color: black;
font-size: 12px;
font-family: verdana;
text-align: center;
}


#wrapper{
  z-index: 3 !important;
}



/*bank statemnet */
  
#myInput {
  background-image: url('/css/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#tblCustomers {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#tblCustomers th, #tblCustomers td {
  text-align: left;
  padding: 12px;
 }
#tblCustomers tr td ,.info th {
  color: black;
  font-weight: 900;
}



  .header th {
  text-align: left;
  padding-top: 12px;
  background-color: black;
  color: white;
}




#tblCustomers tr {
  border-bottom: 1px solid black;
}

#tblCustomers tr.header, #tblCustomers tr:hover {
  background-color: #f1f1f1;
}