:root {
  	--primary-color: #0072bc;
	--secondary-color: #ffdd00;
	--third-color: rgb(80, 184, 72);
	--fourth-color: rgb(255, 194, 14);
	--light-gray: rgb(167, 169, 172);
	--dark-gray: rgb(147, 149, 152);
	--white: #ffffff;
  	--close: #a80000;
	--primary-color-opacity: #0071bc56;
}

.blumaps-pisol1-button {
	background: no-repeat center;
    background-image: url(../../../assets/buttons/arrive.png);
    background-size: 40px 40px;
    background-color: var(--primary-color);
	color: var(--white);
	cursor: pointer;
	display: block;
	font-size: 18px;
    line-height: 18px;
	font-weight: 500;	
	text-align: center;
	width: 45px;
	height: 45px;	
	border-radius: 45px;
    border: none;
}

.blumaps-pisol2-button {	
	background: no-repeat center;
    background-image: url(../../../assets/buttons/departure.png);	
    background-size: 40px 40px;
    background-color: var(--primary-color);
	color: var(--white);
	cursor: pointer;
	display: block;
	font-size: 18px;
    line-height: 18px;
	font-weight: 500;	
	text-align: center;
	width: 45px;
	height: 45px;	
	border-radius: 45px;
    border: none;   
}

.blumaps-pisol1-button.blumaps-selected,
.blumaps-pisol2-button.blumaps-selected {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
	background-color: var(--secondary-color);
	color: var(--primary-color);	
}

.blumaps-pisol1-label {
	font-size: 9px;
    margin: 0;
    padding: 0;
    line-height: 10px;
	color: var(--primary-color);
	position: absolute;
	text-align: center;
    top: 186px;
    right: 0px;
	width: 65px;
}

.blumaps-pisol2-label {
	font-size: 9px;
    margin: 0;
    padding: 0;
    line-height: 10px;
	color: var(--primary-color);
	position: absolute;
	text-align: center;
    top: 121px;
    right: 0px;
	width: 65px;
}

.blumaps-flights-label {
	font-size: 9px;
    margin: 0;
    padding: 0;
    line-height: 10px;
	color: var(--primary-color);
	position: absolute;
	text-align: center;
    top: 251px;
    right: 0px;
	width: 65px;
}

.blumaps-sidebar-mobile-header {
	margin-top: 80px !important;
}
.blumaps-list-container-mobile {
	top: 245px !important;
}

.blumaps-sidebar-default-img, .blumaps-sidebar-mobile-img, .blumaps-sidebar-mobilefreeroute-img {
	width: auto !important;
	height: 90px !important;
	top: 62px !important;
}

.blumaps-banner {
	width: 120px !important;
	top: 20px !important;
	right: 20px !important;
	left: auto !important;
	transform: inherit !important;
}

.qr-code-label {
	width: 96px; text-align: center; font-size: 12px; line-height: 13px; margin: 4px 0 6px;
}

.blumaps-pin.pin-pulse {
	background-image: url(../../../assets/icons/pin_hmasp.svg) !important;  
}

.blumaps-pin {
	border-radius: 0 !important;
}

.map-title {
	text-align: center;
	color: white;
	font-size: 46px;
	font-weight: bold;
	line-height: 89px;
}

.map-container {
	background-color: #284b39 !important;
	background-image: url(../../../assets/images/hmasp/hmasp_backgraound.jpeg) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
}

.blumaps-button-label-zoomin-mobilefreeroute,
.blumaps-button-label-zoomout-mobilefreeroute,
.blumaps-button-label-menu,
.blumaps-button-label-zoomin-mobile,
.blumaps-button-label-zoomout-mobile,
.blumaps-button-label-clear,
.blumaps-button-label-center {
	color: var(--white) !important;
}

@media all and (max-width: 950px) {

	.blumaps-banner {
		width: 80px !important;
		top: 15px !important;
		right: 15px !important;
	}

	.blumaps-sidebar-default-img, .blumaps-sidebar-mobile-img, .blumaps-sidebar-mobilefreeroute-img {
		height: 50px !important;
		top: 31px !important;
	}
}

@media all and (min-width: 1000px) and (min-height: 1750px) {

	.top-bar {
		position: relative !important;
		height: 90px !important;
		background-color: #0072bc !important;
		z-index: 1 !important;
	}

	.blumaps-banner {		
		top: 105px !important;		
	}	
}