/* INTERACTIVE ELEMENTS */

/* clickable elements */

.mapplic-clickable:not(g),

g.mapplic-clickable > * {

	opacity: 1;

	/*fill: #08839c*/;

}



/* hovered elements */

.mapplic-clickable:not(g):hover,

g.mapplic-clickable:hover > * {

	opacity: 0.4;

}



/* active elements */

.mapplic-active,

a.mapplic-active > path,

g.mapplic-active > * {

	fill: #343F4B;

	opacity: 1.0 !important;

}



/* CUSTOM PINS */

.mapplic-pin.my-new-pin { /* replace 'my-new-pin' with the name of your pin */

	background-image: url(../images/my-new-pin.png); 	/* define the path to image file */

	background-size: 20px 30px;

	width: 20px;

	height: 30px;

	margin-left: -10px;	/* negative margins are used for */

	margin-top: -15px;	/* defining the pin's origin */

}



/* RIGTH SIDEBAR */

.mapplic-sidebar {

	/*float: right;*/

}



/* ACTIVE PIN HIGHLIGH */

.mapplic-pin.mapplic-active {

/*

	background-color: #91bf39 !important;

	border-color: #91bf39 !important;

*/

}



/* CUSTOM MAP STYLES (Mall map) */

#landmarks-ground .mapplic-clickable,

#landmarks-underground .mapplic-clickable,

#landmarks-level1 .mapplic-clickable {

	opacity: 1 !important;

}



#landmarks-ground polygon.mapplic-active,

#landmarks-ground path.mapplic-active {

	fill: #ADDB2C;

}



#landmarks-underground polygon.mapplic-active,

#landmarks-underground path.mapplic-active {

	fill: #7EE0CD;

}



#landmarks-level1 polygon.mapplic-active,

#landmarks-level1 path.mapplic-active {

	fill: #F9684B;

}



/* SKINS */

/* mapplic-dark */

.mapplic-dark .mapplic-tooltip {

	background-color: #333;

}



.mapplic-dark .mapplic-tooltip-triangle {

	border-color: #333 transparent transparent transparent;

}



.mapplic-dark .mapplic-bottom .mapplic-tooltip-triangle {

	border-color: transparent transparent #333 transparent;

}



.mapplic-dark .mapplic-tooltip-title {

	color: #fff;

}



.mapplic-dark .mapplic-tooltip-description,

.mapplic-dark .mapplic-tooltip p {

	color: #bbb;

}



.mapplic-dark .mapplic-tooltip-close {

	background-image: url(../images/cross-light.png) !important;

}



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {

	.mapplic-dark .mapplic-tooltip-close {

		background-image: url(../images/cross-light@2x.png);

	}

}