@charset "UTF-8";
/* CSS Document */

/* Responsive SVG */

.svg-container 
{
	width: 100%;
    height: 0;
    padding-top: 48%;
    position: relative;
	padding-bottom:100px;
	margin-bottom:20px;
	
/*	box-sizing: content-box; */
/*	border: 1px solid rgba(132, 196, 123, 0.5);
	border-radius: 5px; */
}

.svg-content 
{	
    position: absolute;
    top: 0;
    left: 0;
}

.svg-type-container 
{
	width: 100%;
    height: 0;
    padding-top: 48%;
    position: relative;
	padding-bottom:100px;
}

.svg-type-content 
{	
 /*   position: absolute;*/
  /*  top: 0;
    left: 0;*/
	border-radius: 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;

}

.svg-type-content:hover 
{	
/*	border: 3px solid #84c47b; */

	border: 3px solid #337ab7; 
	box-sizing:content-box;
	-moz-box-sizing:content-box;

	cursor:pointer;
	border-radius: 10px;
}

.worldmap__country 
{
	fill: #c0e2ba;
	fill-opacity: 1;
	stroke: white;
	stroke-opacity: 1;
	stroke-width: 0.5;

	transition: fill 300ms;
}

.worldmap__country:hover 
{
	fill: #2ba8e0;
	
}

.worldmap__country_has-data 
{
	fill: #84c47b;
	cursor:pointer;
}

.worldmap__country_has-data:active, .worldmap__country_has-data-selected 
{
/*	fill: #f89c1c; */
	fill: #29AAE2
}


.worldmap 
{
	position: relative;
	max-width: 80%;
	transform: translateX(0%);

	border: 1px solid rgba(132, 196, 123, 0.5); 
	border-radius: 5px; 
	cursor: ns-resize;

/*	box-sizing: content-box;*/

	background-color:white;
}

.svg-tooltip
{
	position:absolute;
	display:none;
	border:1px solid lightgrey;
	border-radius:3px;
	z-index:100;
	padding:5px;	
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	background-color:whiteSmoke;
}

.svg-pan-zoom-control-element, .svg-pan-zoom-zoom-out, .svg-pan-zoom-zoom-in, .svg-pan-zoom-reset-pan-zoom
{
	fill: #2ba8e0;	
	fill-opacity:1 !important;
	
}