WebStackPage.github.io/assets/less/xenon-less/maps.less

.google-map-env {
	background: #e5e5e5;
	margin-bottom: @default-padding;
		
	~ .main-footer {
		display: none !important;
	}
	
	&.fill {
		margin: -@default-padding;
		
		.map-toolbar > .row {
			margin-left: 0;
			margin-right: 0;
		}
	}
	
	.map-toolbar {
		padding: @base-margin @default-padding/2;
		background: #fff;
		
		+ .gmap {
			border-top: 1px solid #ccc;
		}
	}
	
	.gmap + .map-toolbar {
		border-top: 1px solid @border-radius-base;
	}
	
	
	.full-page-google-map {
		border-top: 1px solid @default-border-color;
		
		> div {
			width: 100%;
			height: 500px;
		}
	}
}


.jvectormap-label {
    position: absolute;
    display: none;
    background: @brand-primary;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px @base-padding - 3;
    z-index: 1000 !important;
    .border-radius(@border-radius-base);
}

.jvectormap-zoomin, 
.jvectormap-zoomout {
	@s: 14px;
	
    position: absolute;
    left: 10px;
    border: 1px solid lighten(@default-border-color, 4%);
    background: #fafafa;
    padding: 3px;
    color: @main-text-color;
    width: @s * 2;
    height: @s * 2;
    cursor: pointer;
    line-height: @s + 5;
    text-align: center;
    .border-radius(@border-radius-base);
    
    &:hover {
	    background-color: darken(#fafafa, 3%);
    }
    
    &:active {
	    .box-shadow(inset 0px 0px 5px fade(#000, 10%));
    }
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 40px - 3;
}