.calendar-entry-cancelled {
	text-decoration: line-through;
}

@font-face {
  font-family: myFontAwesome;
  src: url(libs/fontawesome-free-7.2.0-web/webfonts/fa-solid-900.woff2);
  unicode-range: U+e000-ffff,U+3f;
}

.calendar-select {
	font-family: myFontAwesome, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* $body-font-family */
}

/* Pen&Paper */
.calendar-category-0 {
	background-color: rgb(110, 168, 254); /* $blue-300 */
	border-color: rgb(61, 139, 253);      /* $blue-400 */
}

.calendar-category-0:focus {
	background-color: rgb(110, 168, 254); /* $blue-300 */
}

.calendar-category-0 .calendar-entry-label {
	background-color: rgb(13, 110, 253);   /* $blue-500 */
}

.calendar-category-0 .calendar-entry-button {
	background-color: rgb(13, 110, 253);   /* $blue-500 */
	color: rgb(255, 255, 255);
}

/* Brettspiele */
.calendar-category-1 {
	background-color: rgb(117, 183, 152); /* $green-300 */
	border-color: rgb(71, 159, 118);	  /* $green-400 */
}

.calendar-category-1:focus {
	background-color: rgb(117, 183, 152); /* $green-300 */
}

.calendar-category-1 .calendar-entry-label {
	background-color: rgb(25, 135, 84);   /* $green-500 */
}

.calendar-category-1 .calendar-entry-button {
	background-color: rgb(25, 135, 84);   /* $green-500 */
	color: rgb(255, 255, 255);
}

/* LARP */
.calendar-category-2 {
	background-color: rgb(234, 134, 143); /* $red-300 */
	border-color: rgb(227, 93, 106);	  /* $red-400 */
}

.calendar-category-2:focus {
	background-color: rgb(234, 134, 143); /* $red-300 */
}

.calendar-category-2 .calendar-entry-label {
	background-color: rgb(220, 53, 69);   /* $red-500 */
}

.calendar-category-2 .calendar-entry-button {
	background-color: rgb(220, 53, 69);   /* $red-500 */
	color: rgb(255, 255, 255);
}

/* Table Top */
.calendar-category-3 {
	background-color: rgb(255, 218, 106); /* $yellow-300 */
	border-color: rgb(255, 205, 57);      /* $yellow-400 */
}

.calendar-category-3:focus {
	background-color: rgb(255, 218, 106); /* $yellow-300 */
}

.calendar-category-3 .calendar-entry-label {
	background-color: rgb(255, 193, 7);   /* $yellow-500 */
	color: rgb(0, 0, 0);
}

.calendar-category-3 .calendar-entry-button {
	background-color: rgb(255, 193, 7);   /* $yellow-500 */
	color: rgb(0, 0, 0);
}

/* Magic */
.calendar-category-4 {
	background-color: rgb(169, 142, 218); /* $purple-300 */
	border-color: rgb(140, 104, 205);     /* $purple-400 */
}

.calendar-category-4:focus {
	background-color: rgb(169, 142, 218); /* $purple-300 */
}

.calendar-category-4 .calendar-entry-label {
	background-color: rgb(111, 66, 193);   /* $purple-500 */
}

.calendar-category-4 .calendar-entry-button {
	background-color: rgb(111, 66, 193);   /* $purple-500 */
	color: rgb(255, 255, 255);
}

/* Veranstaltung */
.calendar-category-5 {
	background-color: rgb(254, 178, 114);  /* $orange-300 */
	border-color: rgb(253, 152, 67);       /* $orange-400 */
}

.calendar-category-5:focus {
	background-color: rgb(254, 178, 114);  /* $orange-300 */
}

.calendar-category-5 .calendar-entry-label {
	background-color: rgb(253, 126, 20);   /* $orange-500 */
	color: rgb(0, 0, 0);
}

.calendar-category-5 .calendar-entry-button {
	background-color: rgb(253, 126, 20);   /* $orange-500 */
	color: rgb(0, 0, 0);
}

/* Besprechung */
.calendar-category-6 {
	background-color: rgb(222, 226, 230);  /* $gray-300 */
	border-color: rgb(206, 212, 218);      /* $gray-400 */
}

.calendar-category-6:focus {
	background-color: rgb(222, 226, 230);  /* $gray-300 */
}

.calendar-category-6 .calendar-entry-label {
	background-color: rgb(173, 181, 189);   /* $gray-500 */
	color: rgb(0, 0, 0);
}

.calendar-category-6 .calendar-entry-button {
	background-color: rgb(173, 181, 189);   /* $gray-500 */
	color: rgb(0, 0, 0);
}


.calendar-list-view-avatar {
	position: absolute;
	top: -10px;
	right: -10px;
}