/*Date: 2015-03-30 */

/* Compatible with Leaflet 0.7 */
.leaflet-touch .leaflet-bar-part-single {
  -webkit-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  border-bottom: none;
}
.leaflet-touch .leaflet-control-skyonics {
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.leaflet-control-skyonics a {
  font-size: 1.4em;
  margin-left: 1px;
  color: #444;
  /*width:auto;*/
}
.leaflet-control-skyonics.active a {
  color: #2074B6;
}
.leaflet-control-skyonics.active.following a {
  color: #FC8428;
}


/* ================================================================== */
/* Drawing styles
/* ================================================================== */

.leaflet-skyonics-mouse-marker {
	background-color: #fff;
	cursor: crosshair;
}

.leaflet-skyonics-draw-tooltip {
	background: rgb(54, 54, 54);
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #fff;
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: -21px;
	padding: 4px 8px;
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	z-index: 6;
}

.leaflet-skyonics-draw-tooltip:before {
	border-right: 6px solid black;
	border-right-color: rgba(0, 0, 0, 0.5);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	content: "";
	position: absolute;
	top: 7px;
	left: -7px;
}

.leaflet-skyonics-error-draw-tooltip {
	background-color: #F2DEDE;
	border: 1px solid #E6B6BD;
	color: #B94A48;
}

.leaflet-skyonics-error-draw-tooltip:before {
	border-right-color: #E6B6BD;
}

.leaflet-skyonics-draw-tooltip-single {
	margin-top: -12px
}

.leaflet-skyonics-draw-tooltip-subtext {
	color: #f8d5e4;
}

.leaflet-skyonics-draw-guide-dash {
	font-size: 1%;
	opacity: 0.6;
	position: absolute;
	width: 5px;
	height: 5px;
}

/* ================================================================== */
/* Edit styles
/* ================================================================== */

.leaflet-skyonics-edit-marker-selected {
	background: rgba(254, 87, 161, 0.1);
	border: 4px dashed rgba(254, 87, 161, 0.6);
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	box-sizing: content-box;
}

.leaflet-skyonics-edit-move {
	cursor: move;
}

.leaflet-skyonics-edit-resize {
	cursor: pointer;
}