body {
	background-image: url("/img/bg/panel.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

.body {
	padding: 1rem;
}

.msg {
	margin: 1rem;
	padding: .5rem;
	text-align: center;
	color: #FFFFFF;
	border-radius: 1rem;
	background-color: #7F007F;
	text-shadow: 0 0 .25rem #000000;
}

.btn.active {
	color: #000000 !important;
	background-color: #FFBF00 !important;
	background: radial-gradient(circle, #FFBF00, #FF7F00);
}

.btn.active:hover {
	background: none;
	background-color: #FFFF00 !important;
}

.btn.active:focus {
	background-color: #FFFFBF !important;
}

.positive {
	background-color: #007F00 !important;
}

.positive:hover {
	background-color: #009F00 !important;
}

.positive:focus {
	background-color: #00BF00 !important;
}

.negative {
	background-color: #9F0000 !important;
}

.negative:hover {
	background-color: #BF0000 !important;
}

.negative:focus {
	background-color: #FF0000 !important;
}