#button {
    display: flex;
/*    align-items: center;*/
    gap: 3px;
}

#button i {
    display: flex;
    align-items: center;
    height:40px!important;
    width:60px!important;

}

#button .btn {
/*    padding: 10px 20px;*/
/*    font-size: 16px;*/
    color: #fff; /* Text color */
    background-color: transparent; /* Transparent background by default */
    border: 2px solid transparent; /* Invisible border to prevent size shifting on hover */
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transition for background and border */
}

#button .btn-danger:hover {
    background-color: #dc3545; /* Red background on hover */
    border-color: #dc3545; /* Border color to match the background on hover */
}

#button .btn-primary:hover {
    background-color: #007bff; /* Blue background on hover */
    border-color: #007bff; /* Border color to match the background on hover */
}



.btn-primary{
    
height:40px !important;
width:60px !important;
background-color: #8c57ff!important;
border-radius: inherit;
    
}
.btn-danger{
    
height:40px !important;
width:60px !important;
background-color: #dc3545!important;
border-radius: inherit;
    
}

.ri-edit-box-fill{
   font-size:25px!important;

}

.iconss{
    font-size:25px!important; 
}

/*.table thead tr th  {*/
  
/*     font-weight: bold !important;*/
    
/*}*/

.table thead  th  {
  
font-size:14px!important; 
    
}

.table thead  td  {
  
font-size:10px!important; 
    
}
.table>:not(caption)>*>*{

     color: black!important;
}

/*.table-responsive { 
    overflow-x:auto;
}
*/

.div.dataTables_wrapper div.dataTables_info {
    color: black!important;

}

.footer.bg-primary{
    position: fixed !important;
    bottom: 0!important;
    width: 100%!important;
    margin-bottom: 0!important;
    bottom: 0!important;
    left: 0!important;
    z-index: 1000!important;
    margin-bottom: 0!important;
}