/* Adjusting the calendar popup */
.small-calendar .p-datepicker {
    width: 200px !important; /* Adjust the width as per your needs */
    font-size: 12px !important; /* Adjust the font size */
}

.small-calendar .p-datepicker-header {
    padding: 2px !important; /* Adjust the header padding */
}

.small-calendar .p-datepicker-calendar th {
    font-size: 10px !important; /* Smaller font size for the header */
}

.small-calendar .p-datepicker-calendar td {
    font-size: 10px !important; /* Smaller font size for the days */
}

.table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .badge {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 0.5rem;
    color: white;
    font-weight: bold;
    font-size: 0.8rem;
  }
  
  .male {
    background-color: green;
  }
  
  .female {
    background-color: purple;
  }
  
  .pdf-icon {
    color: red;
    font-size: 1.2rem;
  }
  