.calendar-container {
    width: 80%;
    margin: 0 auto;
}

/* Styling each day cell */
.fc-daygrid-day-frame {
    position: relative; /* Ensure positioning for child elements */
    border: 1px solid #e0e0e0; /* Grid cell border for better visibility */
}

/* Event styling */
.fc-event {
    border-radius: 3px; /* Rounded corners for events */
    padding: 4px; /* Padding for events */
    font-size: 12px; /* Font size for event text */
    cursor: pointer; /* Pointer cursor for events */
    box-sizing: border-box; /* Include padding in the width/height */
}

/* Selected event styling */
.fc-event-selected {
    border: 2px solid black; /* Border for selected events */
}

/* Optional: Add hover effect for events */
.fc-event:hover {
    background-color: #FF7043; /* Change color on hover */
}

.event-details {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.event-details h3 {
    margin: 0 0 10px;
}

.event-details label {
    display: block;
    margin-bottom: 10px;
}
