a.leaflet-draw-toolbar-button-enabled {
  background-color: #ccc;
}
a:hover.leaflet-draw-toolbar-button-enabled {/*some devices might leave the anchor in hover after being tapped, but reflecting the enabled status is more important*/
  background-color: #ccc;
}

.leaflet-draw-toolbar a.leaflet-wsmentity {
	background-image: url('images/spritesheet-wsme.png');
	background-image: linear-gradient(transparent, transparent), url('images/spritesheet-wsme.svg');
	background-size: 300px 30px;
}

.leaflet-retina .leaflet-draw-toolbar a.leaflet-wsmentity {
	background-image: url('images/spritesheet-wsme-2x.png');
	background-image: linear-gradient(transparent, transparent), url('images/spritesheet-wsme.svg');
}

.leaflet-chunky .leaflet-draw-toolbar a.leaflet-wsmentity {
	background-image: url('images/spritesheet-wsme-1.5x.png');
	background-image: linear-gradient(transparent, transparent), url('images/spritesheet-wsme.svg');
	background-size: 400px 40px;
}

/*image 0 - context info*/

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-context {
	background-position: -2px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-context {
	background-position: 0 -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-context {
	background-position: -2px -2px;
}

/*image 1 - tap to select*/

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection {
	background-position: -31px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection {
	background-position: -29px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection {
	background-position: -41px -2px;
}

/*image 2 - add unit*/

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-addunitbase {
	background-position: -62px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-addunitbase {
	background-position: -60px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-addunitbase {
	background-position: -82px -2px;
}

/*image 3 - add station*/

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-addstationbase {
	background-position: -92px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-addstationbase {
	background-position: -90px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-addstationbase {
	background-position: -122px -2px;
}

/*image 4 - add text entity*/

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-addmarkupentity {
	background-position: -122px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-addmarkupentity {
	background-position: -120px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-addmarkupentity {
	background-position: -162px -2px;
}

/*image 5 - edit (entity?) - currently unused*/

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-edit {
	background-position: -152px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-edit {
	background-position: -150px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-edit {
	background-position: -202px -2px;
}

/*image 6 - delete entity*/

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-delete {
	background-position: -182px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-delete {
	background-position: -180px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-delete {
	background-position: -242px -2px;
}

/*image 7 - lasso */

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection[data-select-mode="lasso"] {
	background-position: -212px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection[data-select-mode="lasso"] {
	background-position: -210px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection[data-select-mode="lasso"] {
	background-position: -282px -2px;
}

/*image 8 - measure */

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-measurement {
	background-position: -242px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-measurement {
	background-position: -240px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-measurement {
	background-position: -322px -2px;
}

/*image 9 - clear */

.leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection[data-select-mode="clear"] {
	background-position: -272px -2px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection[data-select-mode="clear"] {
	background-position: -270px -1px;
}

.leaflet-chunky .leaflet-draw-toolbar .leaflet-wsmentity-wsme-selection[data-select-mode="clear"] {
	background-position: -362px -2px;
}

/*
action icons
*/

.leaflet-draw-actions a[title="Tap to Select"],
.leaflet-draw-actions a[title="Lasso Select"],
.leaflet-draw-actions a[title="Clear Selection"] {
	width: 26px;
	padding: 0;
}

.leaflet-touch .leaflet-draw-actions a[title="Tap to Select"],
.leaflet-touch .leaflet-draw-actions a[title="Lasso Select"],
.leaflet-touch .leaflet-draw-actions a[title="Clear Selection"] {
	width: 30px;
}

.leaflet-chunky .leaflet-draw-actions a[title="Tap to Select"],
.leaflet-chunky .leaflet-draw-actions a[title="Lasso Select"],
.leaflet-chunky .leaflet-draw-actions a[title="Clear Selection"] {
	width: 36px;
}

.leaflet-draw-actions a[title="Tap to Select"]::before,
.leaflet-draw-actions a[title="Lasso Select"]::before,
.leaflet-draw-actions a[title="Clear Selection"]::before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	filter: brightness(0) invert(1);
	background-blend-mode: color-dodge;
	background-image: url('images/spritesheet-wsme.png');
	background-image: linear-gradient(transparent, transparent), url('images/spritesheet-wsme.svg');
	background-size: 300px 30px;
}

.leaflet-retina .leaflet-draw-actions a[title="Tap to Select"]::before,
.leaflet-retina .leaflet-draw-actions a[title="Lasso Select"]::before,
.leaflet-retina .leaflet-draw-actions a[title="Clear Selection"]::before {
	background-image: url('images/spritesheet-wsme-2x.png');
	background-image: linear-gradient(transparent, transparent), url('images/spritesheet-wsme.svg');
}

.leaflet-chunky .leaflet-draw-actions a[title="Tap to Select"]::before,
.leaflet-chunky .leaflet-draw-actions a[title="Lasso Select"]::before,
.leaflet-chunky .leaflet-draw-actions a[title="Clear Selection"]::before {
	background-image: url('images/spritesheet-wsme-1.5x.png');
	background-image: linear-gradient(transparent, transparent), url('images/spritesheet-wsme.svg');
	background-size: 400px 40px;
}

.leaflet-draw-actions a[title="Tap to Select"]::before {
	background-position: -31px -2px;
}

.leaflet-touch .leaflet-draw-actions a[title="Tap to Select"]::before {
	background-position: -29px -1px;
}

.leaflet-chunky .leaflet-draw-actions a[title="Tap to Select"]::before {
	background-position: -41px -2px;
}

.leaflet-draw-actions a[title="Lasso Select"]::before {
	background-position: -212px -2px;
}

.leaflet-touch .leaflet-draw-actions a[title="Lasso Select"]::before {
	background-position: -210px -1px;
}

.leaflet-chunky .leaflet-draw-actions a[title="Lasso Select"]::before {
	background-position: -282px -2px;
}

.leaflet-draw-actions a[title="Clear Selection"]::before {
	background-position: -272px -2px;
}

.leaflet-touch .leaflet-draw-actions a[title="Clear Selection"]::before {
	background-position: -270px -1px;
}

.leaflet-chunky .leaflet-draw-actions a[title="Clear Selection"]::before {
	background-position: -362px -2px;
}