@CHARSET "UTF-8";

#institution-map {
	position:relative;
	resize: vertical;
	overflow:auto;
	/* height: 400px; */
	min-height: 100px;
	display: none;
	visibility: visible;
}


#institution-map .map {
	width: 100%;
	height: 100%;
}

#institution-map .filter {
	position: absolute;
	top: 20px; left: 30px;
	width: 248px; height: 22px;
	border: 1px solid rgb(169, 169, 169);
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

#institution-map .users,
#institution-map .vehicles {
	position: absolute;
	top: 45px; left: 30px;
	width: 150px;
	height: 150px;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
#institution-map .users {width: 170px;}
#institution-map .vehicles {left: 179px; width: 100px;}

#institution-map .info {
	position: absolute;
	top: 20px; left: 300px;
}
#institution-map .info .header {clear:both;}
#institution-map .info .container {float:left; padding: 10px; margin-right: 5px; box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);}

#institution-map .info .container a:link,
#institution-map .info .container a:visited{color: #55f; text-decoration:none;}
#institution-map .info .container a:hover{ text-decoration: underline;}

#institution-map .info h1 {font-weight:bold;}
/* #institution-map blockquote {float: left;} */

.markerLabel {
     color: #000;
     background-color: rgba(255, 255, 255, .7);
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 12px;
     font-weight: bold;
     padding: 5px;
     margin :0 -50px;
     text-align: center;
     white-space: nowrap;
}
.markerLabel[data-unselected] {opacity: .2 !important;}

#institution-map  label {
	display:block;
	position: absolute;
	left: 30px;
	width: 150px;
	height: 30px;
	font-weight: normal;
}
#institution-map .track {top: 205px; }
#institution-map .tail {top: 235px;}
#institution-map .realtime {top: 265px; }
#institution-map .realtime.checked {color: #f00;}

.timeSliderContainer {
	display: block;
	margin: -50px auto 30px auto;
	width: 80%;
	height: 20px;
}

#datetimeslider .ui-slider-handle{
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	height: 2em;
	width: 100px;
	margin: -5px;
	margin-left: -50px;
}
#institution-map .datetimeslider[disabled],
#institution-map .autoplay[disabled],
#institution-map #autoplay[disabled] {opacity: .5;}

#datetimeslider .ui-slider-handle button{ float:left; margin: 0 0.5em; padding: 0;}
#datetimeslider .ui-slider-handle button:last-child{ float:right; }