@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	color: orange;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	background-color: #f2f2f2;
	font-family: Verdana,sans-serif;
}
button,input{
	color:black;
	background-color: lavender;
	border:1px solid black;
	border-radius: 5px;
	padding: 8px;
	margin: 5px;
	font-size: 14px;
}

input:invalid {
  border: 3px solid red;
}

.content, .content > .map{
	width:100%;
	height:100%;
	position: absolute;
}

.content > iframe{
	width: 100%;
	height: 99%;
	border: none;
}
i.icon{
	font: normal normal normal 12px/1 FontAwesome;
}
i.icon.online{
	color: green;
}
i.icon.offline{
	color: red;
}