.angular-google-map-container {
	width: 100%;
	height: 44vh;
}

@media (max-width: 768px) {
	.angular-google-map-container {
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.map-small .angular-google-map-container {
		width: 100%;
		height: 200px;
	}
}

@media (min-width: 992px) {
	.map-small .angular-google-map-container {
		width: 100%;
		height: 300px;
	}
}

/* fix for Twitter Bootstrap handling of responsive images */
.angular-google-map img {
	max-width: 100%;
}

.angular-google-map {
	top: 80px;
}

.shrink {
	font-size: 8;
}

.true:hover {
	background-color: lightgreen;
}

.false:hover {
	background-color: lightpink;
}

.marker-labels {
	color: red;
	background-color: white;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border: 1px solid black;
	white-space: nowrap;
}

/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
	max-width: none;
}

#tag_date {
	position: absolute;
	z-index: 1;
	width: 90%;
}

#tag_date h2 {
	margin-top: 5px;
	margin-bottom: 0px;
}

#table_cart_destination {
	margin: 0px 0px 0px 10px;
}

.icon-gps {
	background-color: rgb(255, 255, 255);
	border: none;
	outline: none;
	width: 28px;
	height: 28px;
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
	cursor: pointer;
	margin-right: 10px;
	padding: 0px;
}
