@CHARSET "ISO-8859-1";

.sys-stat, .sys-map, .sys-links {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 680px;
	height: 673px;
}

.sys-stat {
	z-index: -1;
}

.sys-links {
	z-index: 1;
	background-image: url('../images/map.png');
}

.point {
	position: relative;
	height: 25px;
	width: 25px;
}

.point-l, .point-r {
	float: left;
	height: 25px;
	width: 11px;
}

.vector-map, .container, .canvas-map {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.system-container {
	width: 100%;
	height: auto;
  text-align: center;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.svg-wrapper {
    overflow: auto;
    height: 100%;
    width: 100%;
    position: relative;
}

.scaling-svg-container {
	width: 100%;
	height: auto;

 /* override this inline for aspect ratio other than square */
}
.scaling-svg {
 position: absolute; 
 height: 200%; 
 width: 100%; 
 bottom: 0; 
 top: 0;
}

.scaling-svg-desktop {
 position: absolute; 
 height: 100%; 
 width: 100%;
}

.gm-style-iw {
  width: 300px !important;
  top: 15px !important;
  left: 0px !important;
  background-color: #fff;
}

#iw-container {
}

#iw-container  .iw-title {
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 18px;
   font-weight: 400;
   color: #48b5e9;
   text-align: center;
   border-radius: 2px 2px 0 0; /* In accordance with the rounding of the default infowindow corners. */
}

#iw-container .iw-content {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  margin-right: 0px;
  background-color: #fff;
  padding: 0px 0px 0px 20px;
  overflow-y: auto;
  overflow-x: hidden;
}

.gm-style-iw {
   top: 0 !important;
   left: 0 !important;
   border-radius: 2px 2px 0 0;
}

.content_alert{
	padding: 10px;
	margin: 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #dd2c00;
	text-align: center;
	color:#dd2c00;
}

.content_northbound{
	padding: 10px;
	margin:10px 10px 0px 10px;
	color:#FFFFFF;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border: 0px solid #dd2c00;
}

.content_southbound{
	padding: 10px;
	margin:0px 10px 10px 10px;
	color:#FFFFFF;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 0px solid #dd2c00;
}

.last_update{
	background: #ffc107;
	padding: 10px;
	right: 0;
	bottom: 0;
	text-align: left;
	color: #000;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
}

.last_update p{
	font-size: 100%;
}

.floating-div{
	width: 50%;
	height: auto;
	position: fixed;
	max-width: 150px;
	bottom: 0;
}

.last_update_mobile{
	background: #ffc107;
	padding: 6px;
	padding-bottom: 0px;
	position: fixed;
	right: 0;
	top:47%;
	text-align: left;
	color: #000;
	font-size: 7px;
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
}
.fixed{
	position: fixed; 
	top: 20%;
    right: 2%;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #ffc107;
	color: #365575;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
  }
  
  #myBtn:hover {
	background-color: #00c853;
	color: #fff;
  }

.header-container { left:0; position:fixed; width:100%; top:0; height: 100px; }
#header{ line-height:60px; margin:0 auto; width:940px; text-align:center; }