/* Example custom styles for FullCalendar */

.fc {
    background-color: rgba(255, 255, 255, 0.9); /* Set the background color to white with 90% opacity */
    padding: 25px;                              /* Add padding around the calendar */
    border-radius: 25px;                        /* Add rounded corners */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.fc-toolbar {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
	padding: 20px;             /* Add padding around the calendar */
    border-radius: 20px;       /* Add rounded corners */
}

.fc-daygrid-day-number {
    color: #1f3c88;
    font-weight: bold;
	cursor: default;
	transition: transform 0.2s ease-in-out; 
}

.fc-daygrid-day-number:hover {
    transform: scale(1.2); /* Zoom in the date number on hover */
}

.fc-daygrid-event {
    background-color: #2eb774;
    color: #fff;
    border: 1px solid #ffffff;
    border-radius: 5px; /* Add rounded corners to events */
    padding: 0px; /* Add padding to events */
}

.fc-daygrid-event:hover {
    background-color: #0693E330;
    border-color: #1e7e34;
	cursor: pointer;
}

.fc-event-title {
    font-size: 0.8em;
    font-weight: bold;
	text-decoration: none;
}

.fc-event-description {
    font-size: 0.9em;
    color: #666;
}

.past-event {
	background-color: #1f3c88; /* Change to your preferred color */
	color: white;
	text-align: center;
	border-radius: 10px;
}
.future-event {
	background-color: 2eb774; /* Change to your preferred color */
	color: white;
	text-align: center;
	border-radius: 10px;
}

.fc-button.fc-today-button {
	background-color: #eb8572; /* Change to your desired color */
	color: white; /* Change text color if needed */
	border: none;
}
.fc-button.fc-prev-button,
.fc-button.fc-next-button {
	background-color: #1f3c88; /* Change to your desired color */
	color: white; /* Change text color if needed */
}

/* Ensure no scrollbar appears */
.fc-scroller {
    overflow: hidden !important;
}