@charset "utf-8";
/* CSS Document */

#calendar {
	max-width: 1100px;
	margin: 40px auto;
}
/*
  i wish this required CSS was better documented :(
  https://github.com/FezVrasta/popper.js/issues/674
  derived from this CSS on this page: https://popper.js.org/tooltip-examples.html
  */
:root {
--fc-button-bg-color:#009f73;
--fc-button-border-color:#009f73;
--fc-button-hover-bg-color:#009f73;
--fc-button-hover-border-color:#009f73;
--fc-button-active-bg-color:#66baa3;
--fc-button-active-border-color:#66baa3;
--fc-event-bg-color:#009f73;
--fc-event-border-color:#009f73;
--fc-event-text-color:#fff;
}
.popper, .tooltip {
	position: absolute;
	z-index: 9999;
	background: #fff;
	color: black;
	width: auto;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	padding: 5px 20px;
	text-align: center;
}
.style5 .tooltip {
	background: #1E252B;
	color: #FFFFFF;
	max-width: 200px;
	width: auto;
	font-size: .8rem;
	padding: .5em 1em;
}
.popper .popper__arrow, .tooltip .tooltip-arrow {
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	margin: 5px;
}
.tooltip .tooltip-arrow, .popper .popper__arrow {
	border-color: #fff;
}
.style5 .tooltip .tooltip-arrow {
	border-color: #fff;
}
.popper[x-placement^="top"], .tooltip[x-placement^="top"] {
	margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow, .tooltip[x-placement^="top"] .tooltip-arrow {
	border-width: 5px 5px 0 5px;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	bottom: -5px;
	left: calc(50% - 5px);
	margin-top: 0;
	margin-bottom: 0;
}
.popper[x-placement^="bottom"], .tooltip[x-placement^="bottom"] {
	margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow, .popper[x-placement^="bottom"] .popper__arrow {
	border-width: 0 5px 5px 5px;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
	top: -5px;
	left: calc(50% - 5px);
	margin-top: 0;
	margin-bottom: 0;
}
.tooltip[x-placement^="right"], .popper[x-placement^="right"] {
	margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow, .tooltip[x-placement^="right"] .tooltip-arrow {
	border-width: 5px 5px 5px 0;
	border-left-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
	left: -5px;
	top: calc(50% - 5px);
	margin-left: 0;
	margin-right: 0;
}
.popper[x-placement^="left"], .tooltip[x-placement^="left"] {
	margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow, .tooltip[x-placement^="left"] .tooltip-arrow {
	border-width: 5px 0 5px 5px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	right: -5px;
	top: calc(50% - 5px);
	margin-left: 0;
	margin-right: 0;
}
.fc-event.hide {
	display:none;
}
.fc-event{
	display: block;
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time{
	min-width: 40px;
}
.fc-daygrid-event-harness a{
	text-decoration: none;
}
.event01{
	background: #ffc800;
	border-color: #ffc800;
}
.event02{
	background: #00a080;
	border-color: #00a080;
}
.event03{
	background: #8050ff;
	border-color:#8050ff;
}
.event04{
	background: #a0dc00;
	border-color: #a0dc00;
}
.event05{
	background: #0080f0;
	border-color: #0080f0;
}
.event06{
	background: #f08000;
	border-color: #f08000;
}
.event07{
	background: #ff50a0;
	border-color:#ff50a0;
}
.event08{
	background: #808080;
	border-color: #808080;
}
.event09{
	background: #a08050;
	border-color: #a08050;
}