@font-face {
    font-family: 'colaboratelightregular';
    src: url('../fonts/ColabLig-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Adventskalender 2019 */
table.adventskalender {
	border: 1px solid #404040;
	font-family: sans-serif;

	margin-bottom: 2em;
}

table.adventskalender td {
	font-size: 36px;
	font-weight: bold;
	border: 1px solid #404040;
	text-align: center;
}

table.adventskalender td.tuer {
	transition: background-color 0.2s;
}

table.adventskalender td.tuer.offen {
	background-color: #e0e0e0;
}

table.adventskalender td.tuer.offen:hover {
	background-color: #c0c0c0;
}

table.adventskalender td.tuer.aktiv {
	background-color: #ca2424;
	color: #ffffff;
}

table.adventskalender td.tuer.aktiv:hover {
	background-color: #aa0404;
}

table.adventskalender td.tuer.heute {
	background-color: #a0a0a0;
}

table.adventskalender td.tuer.heute:hover {
	background-color: #808080;
}

table.adventskalender td.tuer a {
	text-decoration: none;
	color: inherit;
}

table.adventskalender td.tuer div.tuer-inhalt {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Adventskalender 2020 */
table.adventskalender_2020 {
	border: 1px solid #404040;
	font-family: sans-serif;

	margin-bottom: 2em;
	background-image: url(/img/rudi_baggert.jpg);
	background-size: cover;

	padding: 5px;
}

table.adventskalender_2020 div.tuer-wrapper {
	margin: 20px;
	border: 1px solid #404040;
}

table.adventskalender_2020 td {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

table.adventskalender_2020 .tuer div.tuer-wrapper {
	/*
	background-color: rgba(0, 0, 0, 0.2);
	color: #d0d0d0;
	*/
	color: #ffffff;
}

table.adventskalender_2020 .tuer.offen div.tuer-wrapper {
	transition: background-color 0.2s;

	background-color: rgba(224, 244, 244, 0.6);
}

table.adventskalender_2020 .tuer.offen div.tuer-wrapper:hover {
	/*
	background-color: rgba(192, 192, 192, 0.5);
	*/
	background-color: rgba(224, 244, 244, 0.8);
}

table.adventskalender_2020 .tuer.aktiv div.tuer-wrapper {
	/* background-color: #ca2424; */
	background-color: rgba(202, 36, 36, 0.8);
	color: #ffffff;
}

table.adventskalender_2020 .tuer.aktiv div.tuer-wrapper:hover {
	background-color: #aa0404;
}

table.adventskalender_2020 .tuer.heute div.tuer-wrapper {
	background-color: #a0a0a0;
}

table.adventskalender_2020 .tuer.heute div.tuer-wrapper:hover {
	background-color: #808080;
}

table.adventskalender_2020 td.tuer a {
	text-decoration: none;
	color: inherit;
}

table.adventskalender_2020 td.tuer div.tuer-inhalt {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Adventskalender 2021 */
table.adventskalender_2021 {
	border: 1px solid #404040;
	font-family: sans-serif;

	margin-bottom: 2em;
	background-image: url(/img/lavadui.png);
	background-size: cover;

	padding: 5px;
}

table.adventskalender_2021 div.tuer-wrapper {
	margin: 20px;
	border: 1px solid #404040;
	border-radius: 200px;
}

table.adventskalender_2021 td {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

table.adventskalender_2021 .tuer div.tuer-wrapper {
	color: #ffffff;
	transition: background-color 0.2s;
}

table.adventskalender_2021 .tuer.gefuellt div.tuer-wrapper,
table.adventskalender_2021 .tuer.offen.gefuellt div.tuer-wrapper {
	background-color: rgba(40, 200, 40, 0.6);
}
table.adventskalender_2021 .tuer.gefuellt div.tuer-wrapper:hover,
table.adventskalender_2021 .tuer.offen.gefuellt div.tuer-wrapper:hover {
	background-color: rgba(40, 200, 40, 0.8);
}

table.adventskalender_2021 .tuer.offen div.tuer-wrapper {
	background-color: rgba(224, 244, 244, 0.6);
}

table.adventskalender_2021 .tuer.offen div.tuer-wrapper:hover {
	background-color: rgba(224, 244, 244, 0.8);
}

table.adventskalender_2021 .tuer.aktiv div.tuer-wrapper,
table.adventskalender_2021 .tuer.gefuellt.aktiv div.tuer-wrapper {
	/* background-color: #ca2424; */
	background-color: rgba(202, 36, 36, 0.8);
	color: #ffffff;
}

table.adventskalender_2021 .tuer.aktiv div.tuer-wrapper:hover,
table.adventskalender_2021 .tuer.gefuellt.aktiv div.tuer-wrapper:hover {
	background-color: #aa0404;
}

table.adventskalender_2021 .tuer.heute div.tuer-wrapper {
	background-color: #a0a0a0;
}

table.adventskalender_2021 .tuer.heute div.tuer-wrapper:hover {
	background-color: #808080;
}

table.adventskalender_2021 td.tuer a {
	text-decoration: none;
	color: inherit;
}

table.adventskalender_2021 td.tuer div.tuer-inhalt {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Adventskalender 2022, copypasta von 2021, wer weiß schon, was da passiert */
table.adventskalender_2022 {
	border: 1px solid #404040;
	font-family: sans-serif;

	margin-bottom: 2em;
	background-image: url(/img/rodeodui.jpg);
	background-size: cover;

	padding: 5px;
}

table.adventskalender_2022 div.tuer-wrapper {
	margin: 20px;
	border: 1px solid #404040;
	border-radius: 15px;
}

table.adventskalender_2022 td {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

table.adventskalender_2022 .tuer div.tuer-wrapper {
	color: #ffffff;
	transition: background-color 0.2s;
	text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px, #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px; /* better readability on light backgrounds */
}

table.adventskalender_2022 .tuer.gefuellt div.tuer-wrapper,
table.adventskalender_2022 .tuer.offen.gefuellt div.tuer-wrapper {
	background-color: rgba(40, 200, 40, 0.6);
}
table.adventskalender_2022 .tuer.gefuellt div.tuer-wrapper:hover,
table.adventskalender_2022 .tuer.offen.gefuellt div.tuer-wrapper:hover {
	background-color: rgba(40, 200, 40, 0.8);
}

table.adventskalender_2022 .tuer.offen div.tuer-wrapper {
	background-color: rgba(224, 244, 244, 0.6);
}

table.adventskalender_2022 .tuer.offen div.tuer-wrapper:hover {
	background-color: rgba(224, 244, 244, 0.8);
}

table.adventskalender_2022 .tuer.aktiv div.tuer-wrapper,
table.adventskalender_2022 .tuer.gefuellt.aktiv div.tuer-wrapper {
	/* background-color: #ca2424; */
	background-color: rgba(202, 36, 36, 0.8);
	color: #ffffff;
}

table.adventskalender_2022 .tuer.aktiv div.tuer-wrapper:hover,
table.adventskalender_2022 .tuer.gefuellt.aktiv div.tuer-wrapper:hover {
	background-color: #aa0404;
}

table.adventskalender_2022 .tuer.heute div.tuer-wrapper {
	background-color: #a0a0a0;
}

table.adventskalender_2022 .tuer.heute div.tuer-wrapper:hover {
	background-color: #808080;
}

table.adventskalender_2022 td.tuer a {
	text-decoration: none;
	color: inherit;
}

table.adventskalender_2022 td.tuer div.tuer-inhalt {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Adventskalender 2023, copypasta von 2022, wer weiß schon, was da passiert */
table.adventskalender_2023 {
	border: 1px solid #404040;
	font-family: sans-serif;

	margin-bottom: 2em;
	background-image: url(/img/rudi-stinkt.jpg);
	background-size: cover;

	padding: 5px;
}

table.adventskalender_2023 div.tuer-wrapper {
	margin: 20px;
	border: 1px solid #404040;
	border-radius: 15px;
}

table.adventskalender_2023 td {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

table.adventskalender_2023 .tuer div.tuer-wrapper {
	color: #ffffff;
	transition: background-color 0.2s;
	text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px, #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px; /* better readability on light backgrounds */
}

table.adventskalender_2023 .tuer.gefuellt div.tuer-wrapper,
table.adventskalender_2023 .tuer.offen.gefuellt div.tuer-wrapper {
	background-color: rgba(40, 200, 40, 0.6);
}
table.adventskalender_2023 .tuer.gefuellt div.tuer-wrapper:hover,
table.adventskalender_2023 .tuer.offen.gefuellt div.tuer-wrapper:hover {
	background-color: rgba(40, 200, 40, 0.8);
}

table.adventskalender_2023 .tuer.offen div.tuer-wrapper {
	background-color: rgba(224, 244, 244, 0.6);
}

table.adventskalender_2023 .tuer.offen div.tuer-wrapper:hover {
	background-color: rgba(224, 244, 244, 0.8);
}

table.adventskalender_2023 .tuer.aktiv div.tuer-wrapper,
table.adventskalender_2023 .tuer.gefuellt.aktiv div.tuer-wrapper {
	/* background-color: #ca2424; */
	background-color: rgba(202, 36, 36, 0.8);
	color: #ffffff;
}

table.adventskalender_2023 .tuer.aktiv div.tuer-wrapper:hover,
table.adventskalender_2023 .tuer.gefuellt.aktiv div.tuer-wrapper:hover {
	background-color: #aa0404;
}

table.adventskalender_2023 .tuer.heute div.tuer-wrapper {
	background-color: #a0a0a0;
}

table.adventskalender_2023 .tuer.heute div.tuer-wrapper:hover {
	background-color: #808080;
}

table.adventskalender_2023 td.tuer a {
	text-decoration: none;
	color: inherit;
}

table.adventskalender_2023 td.tuer div.tuer-inhalt {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Adventskalender 2024, copypasta von 2023, wer weiß schon, was da passiert */
table.adventskalender_2024 {
	border: 1px solid #404040;
	font-family: sans-serif;

	margin-bottom: 2em;
	background-image: url(/img/schwert_rudi.jpg);
	background-size: cover;

	padding: 5px;
}

table.adventskalender_2024 div.tuer-wrapper {
	margin: 20px;
	border: 1px solid #404040;
	border-radius: 15px;
}

table.adventskalender_2024 td {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

table.adventskalender_2024 .tuer div.tuer-wrapper {
	color: #ffffff;
	transition: background-color 0.2s;
	text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px, #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px; /* better readability on light backgrounds */
}

table.adventskalender_2024 .tuer.gefuellt div.tuer-wrapper,
table.adventskalender_2024 .tuer.offen.gefuellt div.tuer-wrapper {
	background-color: rgba(40, 200, 40, 0.6);
}
table.adventskalender_2024 .tuer.gefuellt div.tuer-wrapper:hover,
table.adventskalender_2024 .tuer.offen.gefuellt div.tuer-wrapper:hover {
	background-color: rgba(40, 200, 40, 0.8);
}

table.adventskalender_2024 .tuer.offen div.tuer-wrapper {
	background-color: rgba(224, 244, 244, 0.6);
}

table.adventskalender_2024 .tuer.offen div.tuer-wrapper:hover {
	background-color: rgba(224, 244, 244, 0.8);
}

table.adventskalender_2024 .tuer.aktiv div.tuer-wrapper,
table.adventskalender_2024 .tuer.gefuellt.aktiv div.tuer-wrapper {
	/* background-color: #ca2424; */
	background-color: rgba(202, 36, 36, 0.8);
	color: #ffffff;
}

table.adventskalender_2024 .tuer.aktiv div.tuer-wrapper:hover,
table.adventskalender_2024 .tuer.gefuellt.aktiv div.tuer-wrapper:hover {
	background-color: #aa0404;
}

table.adventskalender_2024 .tuer.heute div.tuer-wrapper {
	background-color: #a0a0a0;
}

table.adventskalender_2024 .tuer.heute div.tuer-wrapper:hover {
	background-color: #808080;
}

table.adventskalender_2024 td.tuer a {
	text-decoration: none;
	color: inherit;
}

table.adventskalender_2024 td.tuer div.tuer-inhalt {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Adventskalender 2025, copypasta von 2024, wer weiß schon, was da passiert */
table.adventskalender_2025 {
	border: 1px solid #404040;
	font-family: sans-serif;

	margin-bottom: 2em;
	background-image: url(/advent2025/rudi-waffel.jpg);
	background-size: cover;

	padding: 5px;
}

table.adventskalender_2025 div.tuer-wrapper {
	margin: 20px;
	border: 1px solid #404040;
	border-radius: 15px;
}

table.adventskalender_2025 td {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

table.adventskalender_2025 .tuer div.tuer-wrapper {
	color: #ffffff;
	transition: background-color 0.2s;
	text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px, #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px; /* better readability on light backgrounds */
}

table.adventskalender_2025 .tuer.gefuellt div.tuer-wrapper,
table.adventskalender_2025 .tuer.offen.gefuellt div.tuer-wrapper {
	background-color: rgba(40, 200, 40, 0.6);
}
table.adventskalender_2025 .tuer.gefuellt div.tuer-wrapper:hover,
table.adventskalender_2025 .tuer.offen.gefuellt div.tuer-wrapper:hover {
	background-color: rgba(40, 200, 40, 0.8);
}

table.adventskalender_2025 .tuer.offen div.tuer-wrapper {
	background-color: rgba(224, 244, 244, 0.6);
}

table.adventskalender_2025 .tuer.offen div.tuer-wrapper:hover {
	background-color: rgba(224, 244, 244, 0.8);
}

table.adventskalender_2025 .tuer.aktiv div.tuer-wrapper,
table.adventskalender_2025 .tuer.gefuellt.aktiv div.tuer-wrapper {
	/* background-color: #ca2424; */
	background-color: rgba(202, 36, 36, 0.8);
	color: #ffffff;
}

table.adventskalender_2025 .tuer.aktiv div.tuer-wrapper:hover,
table.adventskalender_2025 .tuer.gefuellt.aktiv div.tuer-wrapper:hover {
	background-color: #aa0404;
}

table.adventskalender_2025 .tuer.heute div.tuer-wrapper {
	background-color: #a0a0a0;
}

table.adventskalender_2025 .tuer.heute div.tuer-wrapper:hover {
	background-color: #808080;
}

table.adventskalender_2025 td.tuer a {
	text-decoration: none;
	color: inherit;
}

table.adventskalender_2025 td.tuer div.tuer-inhalt {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Anderes */

/*
table.adventskalender td.tuer div.komische-ecke {
	position: absolute;
	top: 0px;
	right: 0px;

	width: 0;
	height: 0;
	border-top: 30px solid #ffffff;
	border-left: 30px solid transparent;

	transition: border-width 0.4s;
}

table.adventskalender td.tuer.offen:hover div.komische-ecke {
	border-top: 50px solid #ffffff;
	border-left: 50px solid transparent;

	transition: border-width 0.4s;
}
*/

.schiebepuzzle .piece {
	/* transition: filter 0.1s, top 0.1s, left 0.1s; */
	transition: filter 0.1s;
}

.schiebepuzzle .piece.clickable {
	cursor: pointer;
}
.schiebepuzzle .piece.clickable:hover {
	filter: brightness(70%);
}

/* Important stuff copied from https://www.w3schools.com/howto/howto_css_flip_image.asp */
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
	display: inline-block;
	background-color: transparent;
	width: 200px;
	height: 200px;
	/*border: 1px solid #f1f1f1;*/
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
	filter: drop-shadow(2px 4px 6px black);
  }

  /* This container is needed to position the front and back side */
  .flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
  }

  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-box:hover .flip-box-inner {
	/*transform: rotateY(180deg);*/
  }

  .flipped .flip-box-inner {
	transform: rotateY(180deg);
  }

  /* Position the front and back side */
  .flip-box-front, .flip-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
  }

  /* Style the front side (fallback if image is missing) */
  .flip-box-front {
	background-color: #bbb;
	color: black;
	display: flex;
	justify-content: center;
  }

  .flip-text {
	  height: fit-content;
	  margin: auto;
  }

  /* Style the back side */
  .flip-box-back {
	background-color: dodgerblue;
	color: white;
	transform: rotateY(180deg);
  }

.glowOnce {
	animation: glow 1.5s 1 alternate;
}
@keyframes glow {
    0% {
        filter: brightness(100%) drop-shadow(0px 0px 0px green);
	}
	33% {
        filter: brightness(100%) drop-shadow(0px 0px 0px green);
	}
	66% {
		filter: brightness(180%) drop-shadow(4px 4px 10px green);
	}
	100% {
        filter: brightness(100%) drop-shadow(0px 0px 0px green);
	}
}
.clickable {
	cursor: pointer;
}

/* Hinweisblase */
.hint-bubble {
	display: flex;
	align-items: flex-start;
	max-width: 80em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

.hint-bubble .bubble-text {
	position: relative;
	background: #ffffff;
	border-radius: .4em;
	padding: 1em 1.5em;
	width: 100%;
}

.hint-bubble .bubble-text:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 0.625em solid transparent;
	border-right-color: #ffffff;
	border-left: 0;
	border-top: 0;
	margin-top: -0.312em;
	margin-left: -0.625em;
}

.hint-bubble .bubble-content {
	margin-bottom: 0;
}

/* Keys */
kbd.single-key {
	text-align: center;
	display: inline-block;
	width: 25px
}

/* Misc */
.jens-der-retter {
	position: fixed;
	z-index: 1000;
	height: 300px;
}
.jens-der-retter img {
	max-width: 100%;
	max-height: 100%;
}

/* Schmück den Rudi */
.cursor-pointer {
	cursor: pointer;
}
.sdr .sdr-container {
}
.sdr .sdr-container .sdr-background {
	display: inline-block;
}
.sdr .sdr-container .sdr-background img {
	max-width: 100%;
}
.sdr .sdr-container .sdr-item {
	display: inline-block;
	position: absolute;
	padding: 5px;

	/* Transparent border so the box sizing does not change when the item is selected */
	border: 2px solid transparent;
}
.sdr .sdr-container .sdr-item.sdr-selected {
	border: 2px dashed #ff0000;
}
.sdr .sdr-container .sdr-item img {
	max-width: 100%;
	max-height: 100%;
}
.sdr .sdr-item-gallery {
	/*
	height: 150px;
	*/
	overflow-x: scroll;
	padding: 5px;
	display: flex;
	flex-flow: row;
}
.sdr .sdr-item-gallery .sdr-item {
	display: inline-block;
	flex: 1 0 auto;
	width: 200px;
	cursor: pointer;
}
.sdr .sdr-item-gallery.sdr-disabled {
	pointer-events: none;
}
.sdr .sdr-item-gallery.sdr-disabled .sdr-item {
	cursor: default;
}
.sdr .sdr-item-gallery .sdr-item.sdr-selected {
	cursor: default;
}
.sdr .sdr-item-gallery .sdr-item .sdr-item-preview {
	text-align: center;
}
.sdr .sdr-item-gallery .sdr-item img {
	max-height: 100px;
	width: auto;
}

/* FAQ */
.faq .faq-entry .faq-question {
	cursor: pointer;
	color: #007bff;
}
.faq .faq-entry .faq-question:hover {
	text-decoration: underline;
}
.faq .faq-entry .faq-answer {
	display: none;
	margin-bottom: 0.5em;
	margin-left: 1.1em;
}
.quote {
	font-style: italic;
}

/* Project Voting */
.overlay-container {
	position: relative;
}
.overlay-container iframe {
}
.overlay-container .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;

	align-items: center;
	text-align: center;
	display: flex;
	flex-flow: row;

	transition: background-color 200ms;

	/* Pass through pointer events */
	pointer-events: none;
}
.overlay-container .overlay div.overlay-content {
	flex-grow: 1;

	color: #ffffff;
	font-size: 2em;
}
.overlay-container .overlay.overlay-visible {
	background-color: rgba(0, 0, 0, 0.5);
}
.overlay-container .overlay.overlay-visible div.overlay-content {
}

/* Cleaning Rudi */
.horizontal-gallery {
	/*
	height: 150px;
	*/
	overflow-x: scroll;
	padding: 5px;
	display: flex;
	flex-flow: row;
}
.horizontal-gallery .gallery-item {
	display: inline-block;
	flex: 1 0 auto;
	width: 200px;
	cursor: pointer;
}
.horizontal-gallery.gallery-disabled {
	pointer-events: none;
}
.horizontal-gallery.gallery-disabled .gallery-item {
	cursor: default;
}
.horizontal-gallery .gallery-item.gallery-selected {
	cursor: default;
}
.horizontal-gallery .gallery-item .gallery-item-preview {
	text-align: center;
}
.horizontal-gallery .gallery-item img {
	max-height: 100px;
	width: auto;
}

/* Other */
.kc-cheese {
	transition: transform 200ms;
}
.cheese-fade-out {
	transform: scale(1.3);
}
.initially-hidden {
	display: none;
}
.initially-invisible {
	visibility: hidden;
}
.ru-caption {
	background-color: rgba(0, 0, 0, 0.5);
}
.rudi-scroll {
	background-image: url('/img/schriftrolle.png');
	background-size: 100%;
	width: 100%;
	height: 620px;
	padding-top: 20%;
	padding-left: 25%;
	padding-right: 25%;
	font-family: serif;
	font-size: 100%;
	text-align: justify;
}
.rudi-scroll .rudi-scroll-header {
	font-size: 150%;
}
.carousel-gallery .carousel-item {
	text-align: center;
}
.carousel-gallery .carousel-item img {
	height: 60vh;
	width: auto;
}
.rudeirer-carousel-caption {
	/* Contrary to Bootstrap's .carousel-caption: no absolute positioning */
	/* Also larger bottom padding (for more space between the caption and the indicators */
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

/* Cleaning Rudi */
.cr-disabled {
	pointer-events: none;
}
.cr-rudi-health {
	position: absolute;
	top: 10px;
	right: 10px;
}
.cr-health {
	height: 20px;
	width: 100px;
	border: 1px solid #000000;
	background-color: #ffffff;
}
.cr-health-bar {
	background: linear-gradient(to right, #0053d3, #45bad8);
	height: 100%;
}
.cr-health.cr-health-critical .cr-health-bar {
	background: linear-gradient(to right, #cc230e, #e53e29);
}