#calendar {
	max-width: 300px;
	margin: auto;
}

.fc table {
	font-size: 14px;
}

.fc-toolbar h2 {
	font-weight: normal;
	font-size: 24px;
}

.fc button {
	padding: 6px;
}

.fc .fc-today-button {
	font-size: 14px;
	padding: 5px;
	line-height: 19px;
}

.fc-ltr .fc-basic-view .fc-day-top {
	text-align: center;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	float: none;
}

.fc-event-container {
	text-align: center;
}

.fc-event {
	border: none;
	font-size: 0px;
	height: 8px;
	width: 8px;
	padding: 0;
	margin: 0;
	border-radius: 100%;
	display: inline-block;
}

.fc-event .fc-content {
	padding: 0;
	font-size: 0px;
}

.green {
	color: #FFFFFF;
	background-color: #1fbf2a;
}

.blue {
	color: #FFFFFF;
	background-color: #1f80bf;
}

.yellow {
	color: #FFFFFF;
	background-color: #f3b20f;
}

.red {
	color: #FFFFFF;
	background-color: #ea5454;
}

.calendar-tips {
	margin: 20px auto;
	padding: 0;
	width: 300px;
}

.calendar-tips>li {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	padding-left: 18px;
}

.calendar-tips>li::after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 0;
	border-radius: 100%;
	background-color: #000;
}

.calendar-tips>li:nth-child(1)::after {
	background-color: #1f80bf;
}

.calendar-tips>li:nth-child(2)::after {
	background-color: #1fbf2a;
}