/*********************  CSS Aufteilung  ***************
	Overall style
	Map Objekte
*****/

.container{
	width:100%;
	padding: 0;
}
html, body{
	height: 100%;
	width: 100%;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
  
}
body{
	/* padding-top:50px; */
	/* bottom: 0px;  */
}
#map {
	position: fixed;
	top: 0; 
	left: 0;
	height: 100%;
	width: 100%;
	/* overflow: hidden; */
	font-family: 'Open Sans', sans-serif;
	/* z-index: 0; */
} 

input[type="radio"], input[type="checkbox"] {
  margin: 0;
}
#loading {
  position: absolute;
  width: 220px;
  height: 19px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -110px;
  z-index: 20001;
}
.table {
  margin-bottom: 0px;
}

/***** Map Objekte *****/

.leaflet-container .leaflet-control-attribution{
	position: fixed;
	right: 0px;
	bottom: 0px;
}
.leaflet-control-layers label {
  font-weight: normal;
  margin-bottom: 0px;
}
.leaflet-popup-content {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.leaflet-popup-content-wrapper {
  border-radius: 5px;
}
.leaflet-container a.leaflet-popup-close-button {
	padding: 0;
}


.clusterMarker{
	width: 32px;
	height:46px;
	color: rgba(7, 152, 255, 1);
	text-shadow: 0px 0px 3px rgba(255, 220, 105, 1);
	font-weight: bold;
	font-size: 16px;
	line-height:200%;
	text-align: center;
	background: url(../img/markers/marker_clustered.png) no-repeat center top;
} 
.marker_inactive { /*also existing in the main_admin.css as a copy*/
	width: 56px;
	height:48px;
	color: rgba(7, 152, 255, 1);
	text-shadow: 0px 0px 3px rgba(255, 220, 105, 1);
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	line-height: 200%;
	background: url(../img/markers/marker_inac_symmetric.png) no-repeat center top;
}
.marker_active {	 /*also existing in the main_admin.css as a copy*/
	width: 56px;
	height:48px;
	color: rgba(7, 152, 255, 1);
	text-shadow: 0px 0px 3px rgba(255, 220, 105, 1);
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	line-height: 200%;
	background: url(../img/markers/marker_ac_symmetric2.png) no-repeat center top;
}
.popup_names{
	color: rgba(7, 152, 255, 1);
	text-shadow: 0px 0px 3px rgba(255, 220, 105, 1);
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 120%;
}


@keyframes fade-out-marker {
	0% {
		opacity: 0.9;
	}
	100% {
		opacity: 0;
	}
}
.searchedPosition{
	background: rgba(240, 65, 25, 1);
	border:2px solid rgba(255, 98, 57, 1);
	opacity: 0.9;
	border-radius:50%;
	height: 20px;
	width: 20px;
	animation-name: fade-out-marker;
    animation-duration: 2s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
}
.locatePosition{
	background: rgba(240, 65, 25, 1);
	border:2px solid rgba(255, 98, 57, 1);
	opacity: 0.9;
	border-radius:50%;
	height: 20px;
	width: 20px;
}	
.busstop{
	background: rgba(110, 195, 255, 1);/*rgba(50, 100, 140, 1);*/
	border: 2px solid rgba(80, 165, 225, 1);
	opacity: 0.9;
	border-radius:50%;
	height: 9px;
	width: 9px;
}	
.parking{
    background: rgba(110, 195, 255, 1);
    border: 2px solid white;
    border-radius: 4px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    height: 24px;
    line-height: 20px;
    text-align: center;
    width: 24px;
}	
@keyframes fade-out-circle {
	0% {
		opacity: 0.9;
	}
	100% {
		opacity: 0;
	}
}
.locateCircle{
	animation-name: fade-out-circle;
    animation-duration: 6s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
}

.leaflet-control-container{
	z-index: 1020;
}


@media (max-width: 767px){
  .url-break {
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
/* Print Handling */
@media print {
  .custom-navbar {
    display: none !important;
  }
  .leaflet-control-container {
    display: none !important;
  }
}

.leaflet-control-scale{
	bottom:15px;
}

.marker_active {
	z-index:1010101010101 !important;
}

.sub_active {
	color: #FFD700;
}

/* About Modal */
#aboutTabs a:link {color: rgb(0, 132, 72);}