body {
	margin:0px;
	padding:0px;



}

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.flex-item {
    width: 100px;
    height: 100px;
    margin: 10px;
    margin-top:0px;
}



.GP-flex-container {
  display: flex;
  flex-flow: row;

}

.machine-item {
	display:none;
}

.machine-flex-container {
	display: flex;
	flex-flow: nowrap;

}

.machine-flex-item {
    padding: 10px;
    margin-bottom:10px;
}

.alert {
	text-anchor: middle; 
	font-family: Arial; 
	font-size: 24px; 
	font-weight: normal; 
	fill-opacity: 1;

}

#bar {
	width:100%;
	background-color:#000000;
	color:#FFFFFF;
	padding-left, padding-right:10px;


  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  height:6vw;


}

#weather {
	width:100%;
	background-color:#BBBBBB;
	color:#000000;
	padding-left, padding-right:10px;


  display: flex;
  flex-wrap: nowrap;
  align-content:center;

  height:3vw;

  	font-size: 2vw;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*margin-top:-15px;*/

}

.bartext {

	font-size: 5vw;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:-15px;

}

#weborder {
	width:100%;
	background-color:#000000;
	color:#FFFFFF;
	padding:10px;
	font-size: 2vw;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

#web_logins {
	width:100%;
	color:#666666;
	padding:10px;
	font-size: 2vw;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

#MachineMaintenance {
	width:100%;
	color:#2177af;
	padding:10px;
	font-size: 2vw;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.machine_identifier {

	font-size: 2vw;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}

.machine_progress_bar {

	font-size: 2vw;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 30px;


}

.machine_serial {
	font-size: 1.5vw;
	color:#CCCCCC;
}

.machine_progresscounter {
	font-size: 2vw;
	font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-primary {
 color:white;
 font-size: 1vw;
}