/* Custom styles for the datepicker */
  .ui-datepicker {
    font-family: Arial, sans-serif;
    font-size: 14px;
  }
  .ui-datepicker-header {
    background-color: #007bff;
    color: #fff;
    border: none;
  }
  .ui-datepicker-title {
    margin: 0;
  }
  .ui-datepicker-prev, .ui-datepicker-next {
    font-weight: bold;
    cursor: pointer;
  }
  .ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    background-color: #0056b3;
  }
  .ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
  }
  .ui-datepicker-calendar th {
    background-color: #007bff;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .ui-datepicker-calendar td {
    text-align: center;
  }
  .ui-datepicker-calendar .ui-state-default {
    padding: 5px;
    cursor: pointer;
  }
  .ui-datepicker-calendar .ui-state-default:hover {
    background-color: #f0f0f0;
  }
  .ui-datepicker-calendar .ui-state-active {
    background-color: #007bff;
    color: #fff;
  }
  .ui-datepicker-year, .ui-datepicker-month {
    color: #000; /* Makes the dropdown text color black for better visibility */
  }