.checkbox_checked .checkbox_interior {
	width: 12px;
	height: 20px;
	transform: rotate(40deg);
	border-bottom-width: 5px;
	border-right-width: 5px;
	background-color: initial;
}

.simulator_background {
	transition: left ease 0.6s;
}

.label_rank {
	font-size: 24px;
	line-height: 40px;
}

.blink {
	animation-name: blink;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

@keyframes blink {
	30% {
		visibility: visible;
		opacity: 1;
	}

	50% {
		visibility: hidden;
		opacity: 0;
	}

	70% {
		visibility: visible;
		opacity: 1;
	}
}


.customer_alert {
	transition: left ease 1s;
	left: 100%;
	animation-name: customer_alert;
	animation-iteration-count: infinite;
	animation-duration: 2s;
}

.customer_alert_shown {
	left: 0%;
}

.customer_alert_removed {
	left: 100%;
}


@keyframes customer_alert {
	0% {
		background-color: hsl(0, 0%, 100%);
	}

	30% {
		background-color: hsl(280, 50%, 60%);
	}

	60% {
		background-color: hsl(0, 0%, 100%);
	}
}

.ranking_header {
	font-size: 18px;
	margin: 0px;
}

.store_label {
	font-size: 16px;
	margin: 0px;
}

@media (max-width:592px) {
	.dropdown_options {
		position: fixed;
		left: 0px;
	}
}

@media (min-width:592px) {
	.ranking_header {
		font-size: 36px;
	}

	.store_label {
		font-size: 24px;
	}
}

.fill_contents {
	vertical-align: middle;
}

.status_icon {
}

.status_icon_good {
	opacity: 0;
}

.status_icon_warning {
	opacity: 0;
}

.status_icon_critical {
	animation-name: status_icon;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.status_icon_severe {
	animation-name: status_icon;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}


@keyframes status_icon {
	0% {
		visibility: visible;
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		visibility: visible;
		opacity: 1;
	}
}

.slidepage {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	transition-property: left, top, right, bottom;
	transition-duration: 0.7s;
	transition-timing-function: ease;
}

.slidepage_up {
	top: -100%;
}

.tournament_eliminated {
	background-color: #ccc;
	opacity: 0.8;
}

.label_small {
	font-size: 10px;
	line-height: 15px;
	min-height: 15px;
	height: 15px;
}

.heat_background {
	transition: background-color linear 3s;
}

.heat_background_0 {
	background-color: hsl(265, 70%, 50%);
}

.heat_background_1 {
	background-color: hsl(300, 60%, 30%);
}

.heat_background_2 {
	background-color: hsl(350, 70%, 45%);
}


.heat_background_3 {
	animation-name: heat_background_3;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	background-color: hsl(340, 60%, 45%);
}

@keyframes heat_background_3 {
	0% {
		background-color: hsl(340, 60%, 45%);
	}

	50% {
		background-color: hsl(360, 80%, 55%);
	}
}

.heat_background_4 {
	animation-name: heat_background_4;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	background-color: hsl(0, 90%, 40%);
}

@keyframes heat_background_4 {
	0% {
		background-color: hsl(0, 90%, 40%);
	}

	50% {
		background-color: hsl(0, 90%, 30%);
	}
}

.heat_flame{
	display:none;
	transition: height ease 5s, filter linear 3s;

}

.heat_flame_0{
	display:inline-block;
	height:0px;
}

.heat_flame_1{
	display:inline-block;
	height:50px;
}

.heat_flame_2{
	display:inline-block;
	height:100px;
}

.heat_flame_3{
	display:inline-block;
	height:200px;
}

.heat_flame_4{
	display:inline-block;
	height:300px;
	filter:hue-rotate(145deg);
}