/* Calendar popup styles */
.calendar-popup {
    display: none;
    position: fixed; 
    z-index: 1; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%); 
    width: 550px; 
    height: 550px; 
    background-color: #fefefe;
    border: 2px solid #000; 
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    padding: 20px;
    border-radius: 10px;
}

.calendar-content {
    text-align: center;
    height: calc(100% - 40px); 
}

.close-popup {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-popup:hover,
.close-popup:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Styling for Select Meeting Day button */
#selectMeetingDayBtn {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    margin: 10px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#selectMeetingDayBtn:hover {
    background-color: #555;
}

/* Styling for displaying selected date */
#selectedDateDisplay {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    margin: 10px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

#selectedDateDisplay:hover {
    background-color: #555;
}

/* Styling for Select this Day button */
#selectDateBtn {
    background-color: #000000;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    margin-top: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#selectDateBtn:hover {
    background-color: #000000;
}

/* FullCalendar Black and White Theme */
.fc-theme-standard {
    --fc-bg-color: #fff;
    --fc-border-color: #000;
    --fc-daygrid-event-bg-color: #000;
    --fc-daygrid-event-border-color: #000;
    --fc-daygrid-event-text-color: #fff;
    --fc-toolbar-bg-color: #000;
    --fc-toolbar-border-color: #000;
    --fc-toolbar-text-color: #fff;
    --fc-button-bg-color: #000;
    --fc-button-border-color: #000;
    --fc-button-text-color: #fff;
    --fc-button-active-bg-color: #fff;
    --fc-button-active-border-color: #000;
    --fc-button-active-text-color: #000;
}