@import url("https://fonts.googleapis.com/css?family=Muli:400,700");

body {
	font-family: "Muli", sans-serif !important;
}

#map {
	height: calc(100vh - 60px);
}

.list-wrapper {
	width: 280px;
	height: calc(100vh - 64px);
	overflow-y: auto;
}

.gmnoprint.gm-style-mtc,
.gm-control-active.gm-fullscreen-control {
	display: none;
	margin: 16px !important;
}

.gm-ui-hover-effect {
	top: 6px !important;
	right: 6px !important;
}

.list-marker {
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.list-marker:hover,
.list-marker:focus {
	background: #f1f5ff;
	transition: all 0.3s ease-in-out;
}

.marker-detail {
	min-width: 300px;
	font-family: "Muli", sans-serif !important;
}

.list-marker .list-content > div:last-child {
	margin-bottom: 0;
}

.list-marker:not(:first-child) {
	border-top: 1px solid #d0cfcf;
}

.spinner {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	top: 50px;
	border: 3px solid rgb(190, 190, 190);
	border-top-color: #5167a6;
	border-radius: 50%;
	animation: rotation 0.8s ease infinite;
}

@keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.select__arrow {
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #5167a6 transparent transparent transparent;
}

@media only screen and (min-width: 768px) {
	#map {
		height: calc(100vh - 64px);
	}

	.gmnoprint.gm-style-mtc,
	.gm-control-active.gm-fullscreen-control {
		display: block;
	}
}