html {font-size: 11pt;}
body {background: #ecedee;}
.header {position: sticky; top: 0; z-index:10;}

.header.bg-login {
	height: 350px;
	max-height: 60vh;
	background-color: #0a1426;
	background-image: url(/imagens/bg_full.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.header.bg-login .header-effect {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.header.bg-login .header-title {
	font-weight: 700;
	font-size: 74px;
	color: #fff;
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-family: 'Barlow';
	padding-bottom: 45px;
	text-shadow: 0 0 12px #000;
}
.header.bg-login .header-overlay {
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background: rgba(0,0,0,.4);
	
}

.card.item {min-width: 300px; max-width: 400px; border: none;}
.card.item .status-html { min-height: 20px; max-height: 120px; overflow: auto; }
.card.item .card-header a {color: inherit;}
.card.item .links a {text-decoration: underline; margin-right: 8px;}
.card.item table {font-size: 10pt;}
.card.item.status-ok {order:2; border-color: green; }
.card.item.status-ok .card-header {background: green; color: #fff;}
.card.item.status-err {order:0; border-color: #f00;}
.card.item.status-err .card-header {background: #fcc; color: #fff; animation: bg-blink-err 1s infinite;}
.card.item.status-off {order:1; border-color: #f70;}
.card.item.status-off .card-header {background: #f70; color: #fff; animation: bg-blink-off 1s infinite;}
.card.item .card-footer {background: #fff;}
.form-login { display: flex; align-items: center; justify-content: center; margin-top: 12px;}
.form-login .card {width: 300px;}
.form-login .card-footer { text-align: right; }
.form-login button { padding: 3px 6px; color: #fff; cursor: pointer; border: 0; border-radius: 3px; }
.form-login label { margin-bottom: 0; font-size: .8em; }
@keyframes bg-blink-err {
	49% {background-color: #fcc; color: #000;}
	50% {background-color: red; color: #fff;}
	99% {background-color: red; color: #fff;}
	100% {background-color: #fcc; color: #000;}
}
@keyframes bg-blink-off {
	49% {background-color: #fca; color: #000;}
	50% {background-color: #f70; color: #fff;}
	99% {background-color: #f70; color: #fff;}
	100% {background-color: #fca; color: #000;}
}