.custom-calendar {
    background: #f5f5f5;
    padding: 1rem;
    border-radius: 5px;
}
.custom-calendar .calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.calendar-table {
    width: 100%;
    border-collapse: collapse;
}
.calendar-table th,
.calendar-table td {
    text-align: center;
    padding: 0.5rem;
}
.event-item {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}

.calendar-table th, .calendar-table td{
	padding:15px !important;
}

.calendar-table td.has-event {
    background-color: #22374a;
    color: white;
	border: 1px solid;
}
.calendar-table td {
    vertical-align: middle;
    text-align: center;
}


#event-list-container #event-list{
	display: grid;
    grid-template-columns: 50% 50%;
    padding: 10px;
}

#event-list-container #event-list h4, #event-list-container #event-list p{
	margin-bottom:5px !important;
}

.change-month{
	    background: #529cba !important;
    color: #fff !important;
    border: 1px solid #529cba !important;
}

.change-month:hover{
	    background: #22374a !important;
    color: #fff !important;
    border: 1px solid #22374a !important;
}