body {
font-family: Arial, sans-serif;
}
.datepicker-container {
background-color: #fff;
padding: 20px; border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 400px; margin: 0 auto;
}
.form-title {
text-align: center;
font-size: 20px; margin-bottom: 15px; color: #333;
} .datepicker-container input[type="text"], .datepicker-container select {
width: 100%;
padding: 12px; font-size: 14px; border-radius: 6px; border: 1px solid #ddd;
box-sizing: border-box;
transition: border-color 0.3s ease;
display: inline-block;
background-color: #fff; color: #333; margin-bottom: 12px; height: 40px; } .datepicker-container input[type="text"]:focus, .datepicker-container select:focus {
border-color: #0073e6;
outline: none;
} .flatpickr-input {
padding: 12px; font-size: 14px; width: 100%;
background-color: #fff; color: #333; border: 1px solid #ddd; height: 40px; box-sizing: border-box;
} #rbw-send-to-whatsapp {
background-color: #25d366;
color: white;
padding: 12px 18px; font-size: 16px; border: none;
border-radius: 6px; cursor: pointer;
width: 100%;
transition: background-color 0.3s ease;
white-space: nowrap;
text-align: center;
margin-top: 15px; }
#rbw-send-to-whatsapp:hover {
background-color: #128c7e;
} @media (max-width: 768px) {
.datepicker-container {
padding: 15px; max-width: 100%;
}
.datepicker-container input[type="text"], .datepicker-container select {
font-size: 16px; padding: 14px; height: 45px; }
.flatpickr-calendar {
font-size: 14px;
width: 100% !important;
max-width: 100% !important;
}
.flatpickr-day {
width: 24px !important;
height: 24px !important;
}
.flatpickr-prev-month, .flatpickr-next-month {
font-size: 18px !important;
} #rbw-send-to-whatsapp {
font-size: 15px;
padding: 12px 18px;
white-space: nowrap;
}
} @media (min-width: 769px) {
.datepicker-container {
padding: 20px; max-width: 400px; }
.datepicker-container input[type="text"], .datepicker-container select {
font-size: 14px; padding: 12px; height: 40px; }
#rbw-send-to-whatsapp {
font-size: 16px; padding: 12px 18px; margin-top: 15px; }
}