.maxLimit .temperature {
	color: white  !important;
	background-color: #f77534 !important;
	background-image: none !important;
}

.minLimit .temperature  {
	color: white  !important;
	background-color: #2E6E9E !important;
	background-image: none !important;
}

.maxLimitHumid .humidity {
	color: white  !important;
	background-color: #f77534 !important;
	background-image: none !important;
}

.minLimitHumid .humidity  {
	color: white  !important;
	background-color: #2E6E9E !important;
	background-image: none !important;
}

.centered-column{
	text-align: center;
}

.preformatted {
    white-space: pre-wrap;
}

.vertical-center{
	display: flex; flex-direction: row;
}

.right-logo{
	float:right;height: 55px;padding: 5px;background: #fff;box-sizing: border-box;border-radius: 5px;margin-right: 0.1em;margin-top: -0.1em;margin-bottom: -0.1em;
}

.bluhidden
{
	display:none;
}

/* */
/* Animation */
/* */
#hourglass {
	opacity: 1;
	color: #6a1b9a;
	font-size: 20rem;
}
#hourglass i {
	opacity: 0;
	animation: hourglass 4s ease-in infinite, hourglass-spin 4s ease-out infinite;
}
#hourglass > i:nth-child(1) {
	color: #ffc400;
	animation-delay: 0s, 0s;
}
#hourglass > i:nth-child(2) {
	color: #ffc400;
	animation-delay: 1s, 0s;
}
#hourglass > i:nth-child(3) {
	color: #ffab00;
	animation-delay: 2s, 0s;
}
#hourglass > i:nth-child(4) {
	color: #ffc400;
	animation-delay: 3s, 0s;
}
#hourglass > i:nth-child(4) {
	animation: hourglass-end 4s ease-in infinite, hourglass-spin 4s ease-out infinite;
}
#hourglass > i:nth-child(5) {
	color: #006064;
	opacity: 1;
	animation: hourglass-spin 4s ease-out infinite;
}

@keyframes hourglass {
	0% {
		opacity: 1;
	}
	24% {
		opacity: 0.9;
	}
	26% {
		opacity: 0;
	}
}
@keyframes hourglass-end {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes hourglass-spin {
	75% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(180deg);
	}
}