﻿body {
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0;
	font-family: "Nunito",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Helvetica","Arial";
	font-size: 14px;
}

/* Set padding to keep content from hitting the edges */
.body-content-wrapper {
	margin-left: 20%;
}

.body-content {
	padding: 15px 15px 0px 15px;
	border-left: 3px solid #0a81c4;
	margin-left: -3px;
}

.header-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	background: #0a81c4;
	z-index: 100;
}

.header-logo {
	width: 20%;
	height: 100%;
	margin: 0;
	float: left;
	background-image: url('Images/exquise.svg');
	background-repeat: no-repeat;
	background-size: 60px;
}

.header-logo-text {
	color: white;
	margin-left: 60px;
	font-size: 1.3em;
	line-height: 60px;
}

.header-status {
	width: 80%;
	height: 100%;
	margin: 0;
	float: left;
}

.header-status-text {
	line-height: 60px;
	padding-left: 25px;
	color: white;
	font-size: 1.1em;
}

.header-status-text.inverted {
	color: #666;
}

.header-push {
	height: 60px;
}

.status {
	background-image: url('Images/status-default.svg');
	background-repeat: no-repeat;
	background-size: 21px;
	background-position-y: top;
	margin-left: -27px;
	padding-left: 35px;
	margin-top: 50px;
	min-height: 25px;
	line-height: 22px;
}

.warning {
	background-image: url('Images/status-warning.svg');
}

.error {
	background-image: url('Images/status-error.svg');
}

.maintenance {
	background-image: url('Images/status-maintenance.svg');
}

.main-info {
	padding-top: 10px;
	padding-left: 10px;
	color: #808080;
}

.status-end {
	background-position-y: bottom;
	/*background-position-x: left;*/
	background-image: url('Images/status-end.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	margin-left: -25px;
	margin-top: 30px;
	height: 15px;
}

.status-date{
	position: absolute;
	line-height: 22px;
	text-align: right;
	display:block;
	width: 140px;
}

.old {
	color: #808080;
}

.online-color {
	background-color: green;
}

.warning-color {
	background-color: orange;
}

.error-color {
	background-color: red;
}

.maintenance-color {
	background-color: #F1D416;
}

.bold {
	font-weight: bold;
}

.light {
	color: #999;
}