//  =================
//      Imports
//  =================

@import '../../../assets/base/color_variables';    // Color Variables
@import '../../../assets/base/fonticons';              // Fonticons Variables
@import '../../../assets/base/urls';                   // URLS Variables
@import '../../../assets/base/utilities_variables';  // Utilities Variables

/* Display the control once it is inside the map. */
#style_map1 {
	width: 100%;
	height: 500px;
	.map-control {
		display: block;
	}
}
#style_map3 {
	width: 100%;
	height: 500px;
}
#style_map4 {
	width: 100%;
	height: 500px;
}
#style_map5 {
	width: 100%;
	height: 500px;
}
#style_map6 {
	width: 100%;
	height: 500px;
}
#style_map7 {
	width: 100%;
	height: 500px;
}
#style_map8 {
	width: 100%;
	height: 500px;
}
.map-control {
	background-color: $white;
	border: $b-width-1 $solid $color_103;
	box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
	font-family: $font_family_15;
	margin: $m-10;
	display: none;
}
.selector-control {
	font-size: 14px;
	line-height: 30px;
	padding-left: $p-5;
	padding-right: $p-5;
}
#floating-panel {
	position: $pos-abs;
	top: 10px;
	left: 25%;
	z-index: 5;
	background-color: $white;
	padding: $p-5;
	border: $b-width-1 $solid $color_299;
	text-align: $align-center;
	font-family: $font_family_15;
	line-height: 30px;
	padding-left: $p-10;
	margin-left: -52px;
}
.delete-menu {
	position: $pos-abs;
	background: $white;
	padding: 3px;
	color: $color_321;
	font-weight: bold;
	border: $b-width-1 $solid $color_299;
	font-family: $font_family_8;
	font-size: 12px;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
	margin-top: -10px;
	margin-left: 10px;
	cursor: pointer;
	&:hover {
		background: $color_200;
	}
}