.calendar-container {
    margin-top: 50px;
}

.calendar {
    min-height: 350px;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.calendar th,
.calendar td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
}

.calendar th {
    background-color: #f8f9fa;
}

.calendar td {
    cursor: pointer;
}


.modal-body input {
    margin-bottom: 10px;
}

/* Style for today's date */
.calendar td.today {
    background-color: #19AC96;
    /* You can choose a color that suits your theme */
    font-weight: bold;
    color: white;
}

/* Event title styling */
.calendar td.event {
    font-weight: bold;
    background-color: #0D9800;
    color: white;
    /* Adjust the color if needed */
}

/* Optional: Style for previous/next month days (optional) */
.calendar td.text-muted {
    color: #6c757d;
    /* Muted text color for out-of-month days */
}