.btn-verifymama {
    background: linear-gradient(to right, #005C42, #63D477);
    color: white !important;
    border: none; /* Remove default border */
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    padding: 10px 15px;
  }

  .btn-verifymama:hover {
    opacity: 0.9; /* Optional: Add a hover effect */
    color: white;

  }




  .gradient-icon {
    background: linear-gradient(to right, #005C42, #63D477); /* Gradient for the icon */
    -webkit-background-clip: text; /* Clip the gradient to the text */
    -webkit-text-fill-color: transparent; /* Make the text transparent to show the gradient */
    font-size: 22px; /* Ensure the icon size stays consistent */
    transition: background 0.3s ease-in-out; /* Smooth transition for gradient changes */
}

 /* Primary button style */
 .btn-primary {
  background-color: #007bff;
  color: white;
  border: 1px solid #007bff;
}
.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

/* Outline button style */
.btn-outline-primary {
  background-color: transparent;
  color: #007bff;
  border: 1px solid #007bff;
}
.btn-outline-primary:hover {
  background-color: #007bff;
  color: white;
}
table {
width: 100%;
border-collapse: collapse;
}

th, td {
padding: 10px;
text-align: left;
}

th {
background-color: #f2f2f2;
}

.badge {
padding: 5px 10px;
font-size: 0.9rem;
border-radius: 5px;
}


.navbar-nav .nav-item {
  color: white !important;
}


.navbar-nav .nav-item a {
  color: white !important;
  text-decoration: none !important; 
}


.navbar-nav .nav-item a:hover {
  color: #f0f0f0 !important;
}

.active>.page-link, .page-link.active {
  z-index: 3;
  color: black;
  background-color: #028246;
  border-color: #028246;
}



#noDataMessage {
 
  color: #721c24;  /* Dark red text */
  font-weight: bold;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  width: 100%;
}




.btn-outline-verifymama {
  background-color: transparent;
  background-image: none;
  display: inline-block;
  /* padding: 5px 10px; */
  text-align: center;
  border: 2px solid #0caf4a;
  border-radius: 5px;
  color: #0caf4a;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative; /* Ensure positioning for pseudo-elements */
  overflow: hidden; /* Prevents gradient overflow on hover */
}

.btn-outline-verifymama:hover {
  color: white;
  border-color: #0caf4a;
}

.btn-outline-verifymama::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #005C42, #63D477);
  z-index: -1; /* Places it behind the button text */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.btn-outline-verifymama:hover::before {
  transform: scaleX(1);
}






.zoom-effect {
  animation: zoomAnimation 2s infinite ease-in-out;
  animation-play-state: running; /* Ensure animation runs by default */
}

.zoom-effect:hover {
  animation-play-state: paused; /* Pause animation on hover */
}

@keyframes zoomAnimation {
  0% {
      transform: scale(1);
  }

  50% {
      transform: scale(1.1);
      /* Zoom in */
  }

  100% {
      transform: scale(1);
      /* Zoom out */
  }
}