:root{
  --modal_header_bg_color: red;
  --navactive: #fff;
}
.dataTables_wrapper .dataTables_filter{
  float: left !important;
}
div.dt-buttons {
    float: right !important;
}
.addbtn{
  color: #fff !important;
  background-color: red !important;
}
table.dataTable thead th{
  /* background-color: #c2c2c3; */
  border-top: 1px solid rgba(0,0,0,0.15);
  text-align: center !important;
}
table.dataTable.display>tbody>tr>td {
  text-align: center !important;
}
.fbtn i{
  margin-right: 5px!important;
}
.modal-header{
   background-color: var(--modal_header_bg_color);
}
#saveUser i{
  background-color: #fff!important;
  color: #000 !important;
  border-radius: 50%;
  padding: 5px 5px !important;
  height: 25px;
  width: 25px;

}


/* General styles for the animated div */
.animated-div {
  opacity: 0; /* Hidden by default */
  transform: translateY(50px); /* Start slightly below its original position */
  transition: opacity 1s ease, transform 1s ease; /* Smooth transition for opacity and position */
}

/* Visible state styles */
.animated-div.visible {
  opacity: 1; /* Fully visible */
  transform: translateY(0); /* Return to its original position */
}