/* Ensure to include these styles in your CSS file */
.custom-modal .modal-content {
    background-color: rgba(var(--bs-link-color-rgb), 0.2); /* Modal background color */
  }
  
  .custom-modal .modal-title {
    color: white; /* Text color of the title */
  }
  
  .invoice-details {
    color: rgba(var(--bs-link-color-rgb)); /* Color for Invoice Details text */
  }
  
  /* Style InputGroup for DatePicker */
  .input-group {
    display: flex;
    align-items: center;
  }
  
  .input-group .form-control {
    border-radius: 0.25rem 0 0 0.25rem; /* Adjust border-radius for seamless fit */
  }
  
  .input-group-text {
    background-color: transparent;
    border: 1px solid #ced4da; /* Adjust border color if needed */
    border-radius: 0 0.25rem 0.25rem 0; /* Adjust border-radius for seamless fit */
    cursor: pointer;
  }
  
  .input-group-text .fa-calendar-alt {
    color: blue; /* Color for the calendar icon */
  }